vindia · November 14, 2011 15:09
diff --git a/sticky-footer.html b/sticky-footer.html
 <!DOCTYPE html>
 <html>
 <title>A very simple sticky footer</title>
 <style>
 html, body { height: 100%; margin: 0; }
 #wrapper { height: 100%; padding-bottom: 160px; }
 body > #wrapper { height: auto; min-height: 100%; }
 .footer { height: 160px; margin-top: -160px; position: relative; background-color: #000; color: #fff; }
 </style>
 <body>
 <div id="wrapper">
    <h1>Simple Sticky Footer</h1>
    <p>This is to show a very simple sticky footer which works in the latest Firefox, Chrome, Safari and Opera.</p>
    <p>Oh, and Internet Explorer 6+.</p>
 </div>
 <div class="footer">
    &copy; 2011 ACME Web Development
 </div>
 </body>
 </html>