如果您在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 ......
答案 0 :(得分:1)
我不确定,但它可能是导致问题的padding-top:5px;
。尝试将margin: 0 auto -30px;
更改为margin: 0 auto -35px;
,看看是否有帮助。
答案 1 :(得分:0)
在#container
添加<div class="push"></div>
并将position:relative;
添加到#container
,因为负边距不适用于静态定位元素。