Posted By

Eystein on 09/16/10


Tagged

css layout


Versions (?)

Who likes this?

4 people have marked this snippet as a favorite

ljayz
widgetyegg
jplr
wirenaught


Sticky footer CSS


 / Published in: CSS
 

  1. html, body {height: 100%;}
  2.  
  3. #wrapper1 {min-height: 100%;}
  4.  
  5. #wrapper2 {
  6. overflow:auto;
  7. padding-bottom: 16.5em; /* must be same height as the footer */
  8. }
  9.  
  10. #footer {
  11. margin: -16.5em 0 0 0; /* negative value of footer height */
  12. height: 16.5em;
  13. }
  14.  

Report this snippet  

You need to login to post a comment.