代码之家  ›  专栏  ›  技术社区  ›  Louis W

帮助解决IE中的布局问题

  •  0
  • Louis W  · 技术社区  · 16 年前

    我遇到一些问题 this layout 在IE中正常工作(6和7)。当然,它在Safari和Firefox中工作得很好。

    这里发生了什么事:

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

    问题

    • (主要问题)在IE7中,由于浮动的标题,水平滚动条出现。
    • 在IE6中,页脚不在内容区域下方。

    任何见解都是伟大的。谢谢。

    1 回复  |  直到 15 年前
        1
  •  1
  •   Tim Goodman    16 年前

    我看到您通过使布局扩展整个高度来定位页脚,然后给它一个负的底边距来向上移动页脚。..。也许消除负的空白,并使用页脚上的相对位置将其向上移动会更兼容跨浏览器。

    我还没有在你的页面上尝试过,只是一个想法。

    更新: 转出 position: relative 不是很好吗?..。它使滚动条扩展到不重新定位页脚的位置。

    但是试着申请 #footer{position: absolute; bottom: 0px; width: 100%} 去掉布局的负底边。..。这对我来说很有效,至少在火狐中,我还没有检查过IE。