css - IE6固定定位

Question

我需要将页脚固定到视口(viewport)的底部。 IE 6 是问题所在——是的，它必须在 IE 6 中工作。那么多，不是我的决定。

使用这个:

div#footer {
 width:1020px;
 position: absolute; 
 top: expression(0+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px'); 
 left: expression(50%+((e=document.documentElement.scrollLeft)?e:document.body.scrollLeft)+'px');} 
}

在我的 IE6.css 中，我可以将页脚固定到页面顶部。但是，如果我将其切换为:

div#footer {
 width:1020px;
 position: absolute; 
 bottom: expression(0+((e=document.documentElement.scrollBottom)?e:document.body.scrollBottom)+'px'); 
 left: expression(50%+((e=document.documentElement.scrollLeft)?e:document.body.scrollLeft)+'px');} 
}

一切都乱套了。将其固定到视口(viewport)底部，我是否错误地实现了表达式函数？

谢谢!

Answer 1

不要使用expression 子句。根据我的经验，它可以在缓慢的一面呈现页面并且表现得很奇怪。有时它会工作，而其他时候它会简单地失败。

我用这些方法取得了很好的成功。

• > http://matthewjamestaylor.com/blog/bottom-footer-demo.htm
• > http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

但是，如果没有看到整个页面，就很难判断我提供的任何链接是否会妨碍您当前的样式表。