我有一个经典的问题,在浏览器的底部定位一个页脚。我试过的方法包括
http://ryanfait.com/resources/footer-stick-to-bottom-of-page/,但没有好的结果:我的页脚总是保持出现在浏览器窗口中间的FF和IE。
在HTML中我得到这个简单的结构
<form> ... <div class=Main /> <div id=Footer /> </form>
这里是与css页脚问题相关的CSS代码:
* { margin: 0; } html,body { height: 100%; } #Footer { background-color: #004669; font-family: Tahoma,Arial; font-size: 0.7em; color: White; position: relative; height: 4em; } .Main { position:relative; min-height:100%; height:auto !important; height:100%; /*top: 50px;*/ margin: 0 25% -4em 25%; font-family: Verdana,Arial,Tahoma,Times New Roman; font-size: 0.8em; word-spacing: 1px; line-height: 170%; /*padding-bottom: 40px;*/ }
我在哪里做错了?我真的试过了一切。
如果我错过任何有用的信息,请让我知道。
谢谢任何建议提前。
问候,
谢谢大家的答案。
它与:
position:absolute; width:100%; bottom:0px;
设置位置:固定没有在IE中工作由于某些原因(仍然显示页脚在浏览器中间),只工作在FF。
解决方法
尝试将页脚的样式设置为position:absolute;和底部:0。