Avatar billede steinholtz Nybegynder
13. november 2007 - 13:48 Der er 7 kommentarer

Sætte height på elemet ud fra andre elementers height

Hej

Jeg har et problem med et element med scrollbar på.

Her er siden som den skal se ud:
www.steinholtz.dk/iloop/scrollproblemOk.gif

Så snart jeg gør browser vinduet lidt mindre, eller skifter opløsning, sker dette:
www.steinholtz.dk/iloop/scrollproblemNotok.gif

Den nederste del af scrollframe elementet forsvinder ned forbi bunden.

Jeg tænkte at et javascript kan fikse dette.
De elementer som spiller ind og som jeg har vist på tegningerne er:

"Frame" som det hele ligger i som har en height på 100%
"Scrollframe" som pt har en heigh på 72% hvilket ikke fungerer
"Header" som har en height på 234px

Højden af Scrollframe skal vel være =

FRAMEs pixelværdi minus 234px (HEADERs højde).

Hvordan gør jeg dette?
Avatar billede w13 Novice
13. november 2007 - 14:05 #1
Tror det må være nogenlunde sådan her:

document.getElementById("scrollframe").style.height=parseInt(document.getElementById("frame").offsetHeight-234)+"px";

Du kan selvfølgelig også finde 234 med:

document.getElementById("header").offsetHeight
Avatar billede steinholtz Nybegynder
13. november 2007 - 16:19 #2
Tak fedt nok men det virker kun i firefox og ikke i IE. Jeg kører scriptet på onresize; er det korrekt at gøre dette? Ved ikke så meget om javascript.
Avatar billede w13 Novice
13. november 2007 - 16:29 #3
Jeg ved ikke lige med onresize. Hvad hvis du kun sætter en alert(noget) ind i onresize, bli'r det så kørt i IE?
Ellers må du vise mig onresize-delen af din kode.
Avatar billede steinholtz Nybegynder
15. november 2007 - 11:53 #4
Ja onresize bliver også kørt i IE så det er noget i scriptet IE ikke kan lide.
Avatar billede w13 Novice
02. februar 2008 - 13:37 #5
Lukketid?
Avatar billede w13 Novice
02. februar 2008 - 13:38 #6
Hvis problemet stadig er aktuelt, må du vise mig koden.
Avatar billede w13 Novice
29. juli 2008 - 09:43 #7
??
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester