IE8粘滞页脚问题

时间:2012-01-08 20:55:02

标签: css internet-explorer internet-explorer-8 footer sticky-footer

如果您在Firefox中查看this,则会在调整大小,移动等时看到底部页脚与窗口保持正确。它也会在没有滚动条的情况下从底部开始。但是,在IE8中,我不能让它在开始时位于底部或随窗口移动,可能还有许多其他问题。我从this site获得了代码,它说IE兼容,所以我一定做错了。我不得不改变代码以适应我的情况,但这是IE特定的css:

* {
margin: 0;
}

#container{
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -30px;
}

#footer, .push{
height: 30px;
width: 100%;
background: -moz-linear-gradient(top, #565656, #303030);
background: -webkit-gradient(linear, left top, left bottom, from(#565656), to(#303030));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#565656', endColorstr='#303030');
text-align:center;
font-family: loginfont;
font-size:13px;
color: #fff;
padding-top:5px;
clear: both;
}

谁能告诉我出了什么问题?在这一点上我完全无能为力。我讨厌IE ......

2 个答案:

答案 0 :(得分:1)

我不确定,但它可能是导致问题的padding-top:5px;。尝试将margin: 0 auto -30px;更改为margin: 0 auto -35px;,看看是否有帮助。

答案 1 :(得分:0)

#container添加<div class="push"></div>并将position:relative;添加到#container,因为负边距不适用于静态定位元素。