HTML CSS examples for CSS Widget:Footer stick to bottom
Adjustable Sticky footer
<html> <head> <title>Lorem ipsum do</title> <style> body,html { margin:0; padding:0; } #wrapper {<!-- ww w. j av a 2 s. co m--> position:relative; min-height:701px; background-color:Chartreuse; } #footer { position:absolute; bottom:0; background-color:yellow; height:100px; width:100%; } </style> </head> <body> <div id="wrapper"> <div id="header"> <!-- header code--> </div> <div id="content"> <!--your content goes here--> </div> <div id="footer"> <!--your footer code goes here--> </div> </div> </body> </html>