CSS styles:
body, html {height:100%;} .wrap {min-height:100%;} /* cannot have margin, padding or border styles because scrollbar will appear */ *html .wrap { height: 100%; } /* IE6 hack */ .pusher {clear:both; height:95px;} /* same height as height and margin-top in footer */ .footer {height:95px; margin-top:-95px; }
HTML structure:
<div class="wrap"> <div class="content">content</div> <div class="pusher"></div> </div> <div class="footer"></div>
Works in all major browsers (including IE6).