HTML CSS examples for CSS Widget:Footer
Footer of page with different width content div
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> html, body { height:100%; margin:0; } .header {<!-- w w w . j a v a2 s . c o m--> height:100px; width:100%; background-color:Chartreuse; } .contents { min-height:100%; width:981px; margin-bottom:-100px; } .contents:after { content:""; display:block; } .site-footer { height:100px; width:100%; } .site-footer { background:yellow; } </style> </head> <body> <div class="header"> Lorem ipsum dolor si </div> <div class="contents"> <p>Lorem ip</p> <p>Lorem ip</p> </div> <footer class="site-footer"> Lorem ipsum dolor sit am </footer> </body> </html>