Nieuw lid |
|
Eigenlijk kan je dit niet doen met huidige css : ( Wat je wel kan doen is een bepaalde-hoogte header en footer hebben, en ook wat andere divs met bepaalde hoogte, en datgene die de rest moet vullen, eigenlijk de container div is... de content van de div zou niet alles vullen, maar een achtergrondkleur wel.
height: auto laat de content en niet de rest van de ruimte de hoogte bepalen. min-height zet een minumum hoogte maar niet in IE6 en onder.
Je moet een 100% height formula gebruiken. Doe:
pseudo-html!
<body>
<container>
<header></header>
<tweede div></div>
<derde rest van pagina div></div>
</container>
<footer></footer>
</body>
<container> <header></header> <derde rest van pagina div></div> </container> <footer></footer>
html, body {
height: 100%;
}
body {
position: relative;
background-color: watwilje;
}
#container {
min-height: 100%;
background: wat achtergrond kleur of afbeelding je wilt voor de rest-van-pagina div-- set achtergrond-kleuren in de andere divs dan
}
* html #container {
height: 100%; /*IE6*/
}
rest van css
#footer {
height: een bepaalde hoogte;
margin-top: -bepaadle hoogte;/*dit trekt hem boven de 100% hoog container*/
}
html, body { height: 100%; } body { position: relative; background-color: watwilje; } #container { min-height: 100%; background: wat achtergrond kleur of afbeelding je wilt voor de rest-van-pagina div-- set achtergrond-kleuren in de andere divs dan } * html #container { height: 100%; /*IE6*/ } rest van css #footer { height: een bepaalde hoogte; margin-top: -bepaadle hoogte;/*dit trekt hem boven de 100% hoog container*/ }
Als je dit doen dan kan je wel "fake it" . De rest-van-pagina div zou niet echt vol-hoogte worden maar hij ziet er wel uit. Dat is de beste I kan bedenken... anders een table of iFrames, maar, ewwww... : ) |