Css Snippets » 100% http://www.csssnippets.be Snippets for you, snippets for me Mon, 17 Oct 2011 08:42:00 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Layout met 100% hoogte http://www.csssnippets.be/2009/04/layout-met-100-hoogte/ http://www.csssnippets.be/2009/04/layout-met-100-hoogte/#comments Fri, 24 Apr 2009 16:47:28 +0000 Mark http://www.csssnippets.be/?p=185 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 */
}
Google Bookmarks Digg BlinkList Technorati del.icio.us StumbleUpon

]]> http://www.csssnippets.be/2009/04/layout-met-100-hoogte/feed/ 1