Posted By

ryarwood on 01/30/12


Tagged

magic footer starter sticky


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

danfolt


Sticky "Magic" Footer


 / Published in: CSS
 

  1. * {
  2. margin: 0;
  3. }
  4. html, body {
  5. height: 100%;
  6. }
  7. .wrapper {
  8. min-height: 100%;
  9. height: auto !important;
  10. height: 100%;
  11. margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
  12. }
  13. .footer, .push {
  14. height: 142px; /* .push must be the same height as .footer */
  15. }

Report this snippet  

You need to login to post a comment.