2010-07-27 143 views
0

我需要将页脚固定到视口的底部。 IE 6是问题 - 是的,它必须在IE 6中工作。那么多,不是我的电话。IE6固定位置

使用此:

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');} 
} 

它变得不合时宜。我是否将表达式函数错误地修复到了视口的底部?

谢谢!

回答

1

尝试使用这个代替表达式:

* { 
    margin: 0; 
} 
html, body { 
    height: 100%; 
    overflow: auto; 
} 
.wrapper { 
    position: relative; 
    width: 100%; 
    height: 100%; 
    overflow: auto; 
} 
.box { 
    position: fixed; 
    left: 50%; 
    top: 180px; 
    margin: 0 0 0 -370px; 
} 
* html .box { 
    position: absolute; 
} 

/* 

Fixed Positioning in IE6 
http://ryanfait.com/ 

*/ 
+0

作为ie6.css样式表?或者只是一般? – 2010-07-27 21:14:00

+0

不是我不喜欢这种方法,但我最感兴趣的是获取表达式标签的语法为底部定位的元素工作! – 2010-07-27 23:56:56

+1

+1。对有效且经过验证的方法进行投票是没有意义的。 – Mike 2010-07-28 02:29:04

2

不要使用expression条款。根据我的经验,它可能会使页面稍微慢一点,表现奇怪。有些时候它会起作用,有些时候它会失败而不是优雅。

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

但是,没有看到整个页面这是一个有点困难,看看是否有我所提供的链接将在目前的样式表的方式获得。