The HTML <body> <div id="wrapper"> <div id="header"></div> <div id="content"></div> <div id="footer"></div> </div> </body> The CSS html, body { margin:0; padding:0; height:100%; } #wrapper { min-height:100%; position:relative; } #header { padding:10px; background:#5ee; } #content { padding:10px; padding-bottom:80px; /* Height of the footer element */ } #footer { width:100%; height:80px; position:absolute; bottom:0; left:0; background:#ee5; } For older browsers (IE) <!--[if lt IE 7]> <style type="text/css"> #wrapper { height:100%; } </style> <![endif]-->

1 Response

Gonna try this out, thanks!

Write a comment

You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.