Avatar billede lklingenberg Nybegynder
20. august 2003 - 14:24 Der er 6 kommentarer og
1 løsning

Blokelements højde afhængig af browservinduets størrelse

Hi,

Jeg søger en metode hvormed man kan bestemme størrelsen af browservinduet og lade denne størrelse bestemme højden af et blokelement (<div>...</div>). På siderne herunder er side 1 sådan som det ser ud nu, hvor baggrundsfarven i venstremenuen gerne skulle strække sig helt til bunden. Side 2 er sådan som det gerne skulle se ud, men hvor (på side 2 er menubaggrunden sat med an body-gif der i css er sat til repeat-x - dette er ikke en holdbar løsningen da bredden af menuen således er absolut. Kanten i højre side af menuen er bestemt i css og højden følger højden af div-elementet, der igen er bestemt at antallet af linjer i div'en). Forvirret? Eller er det klart?

Er der andre løsningsforslag - udover at sætte height på div'en til 100% i css - det virker nemlig ikke!

Eksemplificieret her:
http://www.ifi.ku.dk/kursus/kursus/test/index_1.asp
http://www.ifi.ku.dk/kursus/kursus/test/index_2.asp

/Lars
Avatar billede roenving Novice
20. august 2003 - 14:46 #1
Hvis du skal have en height:100% til at virke skal du også:

html,body{
height:100%;
}

Men det vil elementet tage bogstaveligt !-)

En div vil så tage den højde som moder-elementet (her body) har, når den bliver initialiseret, dvs. den vil være bannerets højde længere end skærmen ...

-- så skal det gøres, skal man lægge den ind bagved banneret, og f.eks. give den en margin-top:100px; (eller hvad bannerets højde er ?-)
Avatar billede lklingenberg Nybegynder
20. august 2003 - 14:58 #2
Ideen er sådan set god nok, selvom den ikke er hel ideel. Den tager heller ikke højde for at browservinduet kan ændres af brugeren (hvilket bl.a. var grunden til at jeg valgte netop javascript som kategori for mit spm).

Se: http://www.ifi.ku.dk/kursus/kursus/test/index_3.asp
Avatar billede lklingenberg Nybegynder
20. august 2003 - 22:25 #3
Jeg har vist ikke udtrykt mig helt korrekt (læs: tænkt mig ordentlig om)...
Det er jo ikke browservinduets størrelse der er interessant - det er højden på den div der indeholder brødteksten, dvs. længden af dokumentet. Hm, den findes der vist ingen umiddelbare løsninger på...
/Lars
Avatar billede roenving Novice
21. august 2003 - 02:33 #4
Ikke som css alene, men man kan selvfølgelig finde en måde at 'læse' elementets højde (dog er det noget tricky !-) og så sætte naboelementets højde til det samme onload med javascript ...
Avatar billede lklingenberg Nybegynder
21. august 2003 - 12:25 #5
->roenving:
Kan du hjælpe mig med et sådant script?
Avatar billede roenving Novice
21. august 2003 - 18:05 #6
Ja, men desværre har jeg ikke tid lige nu ...
Avatar billede lklingenberg Nybegynder
28. august 2003 - 22:10 #7
Det bliver vist en tand for langhåret (= svartiden for siden øges formentlig, og hurtig svartid prioriteres højere).
Lukker og slukker...
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