帮助解决IE中的布局问题

Question

我遇到一些问题让this layout在IE中正常工作（6和7）。当然，它在Safari和Firefox中运行良好。

这里发生了什么：

• 我的页脚固定在视口的底部，或者在内容下 - 以较长者为准。
• 我在内容上方有一个标题，其中包含许多居中和浮动的块项目，它们比内容区域宽。
• 我有一个居中的固定宽度内容区域

问题

• （主要问题）在IE7中，由于浮动标题，会出现水平滚动条。
• 在IE6中，页脚不会在内容区域下方捕捉。

任何见解都会很棒。感谢。

Answer 1

我看到你通过使布局延伸到整个高度然后给它一个负的底部边距来移动页脚来定位页脚。 。 。也许摆脱负面边缘并使用页脚上的相对位置来移动它将更加跨浏览器兼容。

我实际上没有尝试过你的页面，这只是一个想法。

更新： 事实证明position: relative并不是那么好。 。 。它使滚动条延伸到页脚所在的位置而没有重新定位。

但是尝试应用#footer{position: absolute; bottom: 0px; width: 100%}并摆脱布局的负底边。 。 。至少在Firefox中这对我有用，我还没有检查过IE。