HTML CSS examples for CSS Widget:Footer aligned bottom
CSS footer is at the bottom
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> #page {<!-- w ww.j a v a 2 s.c o m--> margin:0 auto; } html { height:100%; margin:0; padding:0; } body { height:100%; margin:0; padding:0; background:Chartreuse; font-family:verdana; background-color:yellow; } #header { top:0px; width:100%; height:3.6em; border-bottom:2px solid blue; background-color:pink; } #content { a width: 100%; height:100%; text-align: center; } #formulario { width:49em; margin-top:3em; margin-right:auto; margin-left:auto; } #footer { position:absolute; margin-top:3em; margin-bottom:0px; bottom:0em; position:fixed; font-size:2em; font-family:"lucida grande"; text-align:center; width:100%; height:2.6em; background-color:OrangeRed; } </style> </head> <body> <div id="page"> <div id="header"> Lore </div> <div id="content"> <div id="formulario"> Lore </div> </div> <div id="footer"> Lorem ipsum dolor si </div> </div> </body> </html>