"hoaX" <pt5@mail.dk> writes:
> Hey
>
> Har et problem med at få en div til at fylde 100% af vinduets højde.
>
http://xystus.adr.dk/nidhug/index.html
>
> Nogen der kan hjælpe? Det er den hvide div.
Some foreslået kan du brugr
html,body {height:100%;padding:0px;margin:0px;}
Hvis du gør det, så bliver du nødt til at fjerne den hvide kant omkring
body, da den ellers vil give body en bredde større end 100% (100%+2px),
så der komme scrollbars.
Der er for øvrigt ingen css-egenskab der hedder "margin-width". Enten
skal du bruge "margin-left" og "margin-right", eller du skal bruge
forkortelsen "margin: <topmargin> auto 0px;" til at give begge sider
auto-margin.
> Så vil jeg også gerne have "kroppen" (main) til at fylde tomrummet mellem
> menuen og copy, men den gode gamle * virker ikke. Hvad skal jeg så skrive?
Det er svært. Meget svært hvis det også skal virke i IE.
"*" virker ikke, det er en HTML-størrelse, ikke CSS (og den kan heller
ikke bruges i alle tilfælde)
Du kunne overveje at droppe dit meget faste design (med fast bredde på 750
pixels) og lave noget mere flydende. Fx:
html,body {
min-height:100%;
margin:0px;
padding:0px;
}
div.logo {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100px;
background:red;
}
div.menu {
position:absolute;
top:100px;
left:0px;
width:100%;
height:40px;
background:green;
}
div.main {
position:absolute;
top:140px;
left:0px;
width:100%
bottom:20px;
background:transparent;
}
div.copy {
position:absolute;
bottom:0px;
left:0px;
width:100%;
height:20px;
background:blue;
}
Jeg bruger farver til at adskille delene, da border kan give
størreslesproblemer. Hvis du vil have padding, margin, eller border på
de enkelte dele, så put en ekstra div indeni til det, og behold der
overordnede div'er som ren inddeling.
Det virker desværre ikke så godt hvis indholdet af main ikke kan være
på skærmen.
/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
Art D'HTML: <URL:
http://www.infimum.dk/HTML/randomArtSplit.html>
'Faith without judgement merely degrades the spirit divine.'