Posted By

FlashJunior on 08/06/08


Tagged

template footer position fixed


Versions (?)

Who likes this?

4 people have marked this snippet as a favorite

SpinZ
brent-man
basicmagic
uisluu


Position Fixed Footer whitout JavaScript


 / Published in: CSS
 

URL: http://www.flashjunior.ch/school/footers/fixed.cfm

A cool script for fixed Footers. Works with i6,i67,all mozilla browsers and safari.

  1. #footer{
  2. position:fixed;
  3. left:0px;
  4. bottom:0px;
  5. height:20px;
  6. width:100%;
  7. background:#999;
  8. }
  9. /* For 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
Posted By: FlashJunior on August 6, 2008

Check this: http://www.flashjunior.ch/school/footers/fixed_vollefensterhoehe.cfm

This version is with 100% content height. But this works only with JavaScript.

I hope i can help enyone with this?!

Posted By: CarlJ on December 4, 2008

Without using JavaScript?
Whats that called within the IE6 only section of the CSS? I do believe that it is "javascript".

You need to login to post a comment.