Advanced Search

CSS - Giving your footer a fixed position – position:fixed

/ Published in: CSS
Save to your folder(s)

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  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


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.