Posted By

lister on 07/05/11


Tagged


Versions (?)

Fixed Footer


 / Published in: CSS
 

Creating a footer that sticks to the bottom of the screen is surprisingly simple. We also added an IE6 hack for those who care.

  1. #footer {
  2. position:fixed;
  3. left:0px;
  4. bottom:0px;
  5. height:32px;
  6. width:100%;
  7. background:#333;
  8. }
  9. /* IE 6 */
  10. * html #footer {
  11. position:absolute;
  12. top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
  13. }

Report this snippet  

You need to login to post a comment.