HTML CSS examples for CSS Widget:Footer aligned bottom
Footer to bottom of browser
<!doctype html> <html lang="en"> <head> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> <title>Lorem ipsum dolor s</title> <style> html, body { margin:0; height:100%; } p, div { margin-top:0; } #container {<!--from w ww .jav a 2 s .c o m--> position:relative; min-height:100%; } * html #container { height:100%; } #pushfooter { height:51px; } #footer { position:absolute; bottom:0; height:51px; } </style> </head> <body> <div id="container"> <p>Lorem ipsum </p> <div id="pushfooter"></div> <div id="footer"> Lorem ip </div> </div> </body> </html>