Hoe maak je een pagina die 100% hoog is – dus het gehele beeldscherm in beslag neemt – terwijl er eigenlijk weinig tekst of inhoud in staat ?

HTML

<div id=”container”>
<h1>Header</h1>
<div id=”inhoud”>
<p>inhoud hier</p>
</div>
<div id=”footer”>Footer</div>
</div>

CSS

html, body {
height: 100%; /* héél belangrijk */
}
#container {
position: relative;
min-height: 100%;
height:auto !important; /* voor moderne browsers */
height:100%; /* voor IE */
}
#footer {
position: absolute;
bottom: 0; /* heel belangrijk */
}