HTML CSS examples for CSS Widget:Footer
Footer with body height 100%
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> html, body { background-color:Chartreuse; height:100%; } #header {<!-- w w w. j a va 2s.com--> position:relative; background:yellow; min-height:51px; } #container { width:961px; margin:0 auto; height:100%; } #container p { font:3em normal Futura, sans-serif; } #footer { background-color:blue; min-height:51px; } </style> </head> <body> <div id="header"></div> <div id="container"> <p>Lorem</p> </div> <div id="footer"></div> </body> </html>