HTML CSS examples for CSS Widget:Footer
Position footer
<html> <head> <title>Lo</title> <style type="text/css"> html, body { width:100%; background:brown; border:0px solid Chartreuse; margin:0; padding:0; } #wrapper {<!-- w w w . j a v a2 s . co m--> width:1221px; padding:0; margin:0 auto; background:yellow; border:4px solid blue; } #header { background-color:pink; width:100%; height:100px; padding:0; margin:0 auto 0 auto; border:0px solid; } #content { float:left; width:100%; height:650px; padding:0; margin:0; border:0px solid; } #cell-left { background-color:OrangeRed; float:left; width:201px; height:100%; padding:0; margin:0; border:0px solid; } #cell-right { float:right; width:1011px; height:100%; padding:0; margin:0; border:0px solid; } #footer { clear:both; height:26px; padding:5px; margin:0; text-align:center; border:2px solid; } </style> </head> <body> <div id="wrapper"> <div id="header"></div> <div id="content"> <div id="cell-left"> Lorem i </div> <div id="cell-right"> Lorem i </div> </div> <div id="footer"> Lorem </div> </div> </body> </html>