【问题标题】:Floating divs not displayed in IE7IE7中不显示浮动div
【发布时间】:2011-02-14 23:49:34
【问题描述】:

好的,我看不出这里有什么问题:

https://www.e-capture.net

在 IE7 中浏览此站点时,ID 为 #blog 和 #social 的 div 不会显示。原因似乎是 #content div,它在 IE7 与 IE8/FF/Chrome 中的高度不同。但我看不出我做错了什么。

有趣的事实:该网站在 IE6 中的显示效果比在 IE7 中更好:-)

有什么想法吗?
谢谢!

【问题讨论】:

    标签: html css internet-explorer-7 css-float


    【解决方案1】:

    我已经在 IE7 和 Firefox 中对此进行了测试。

    您只需移动一堆<div> 标签,然后添加一个新标签(在下面突出显示)。

    这是我完成后 Firebug 的样子:

    我首先在 IE7 中做了同样的事情,它解决了你的问题。然后,我在 Firefox 中做了同样的事情,以确保修复不会在现代浏览器中杀死它。

    这是我对我所做工作的文字描述的尝试:

    • 我将#blog#social#footer 分别移到#content 之外和之后。
    • 我在#blog#social 周围包裹了一个新的<div>,具有以下样式:
      margin: 0 auto; width: 960px
    • 我交换了一些关于 #buttons 的内容,以使它们在 FF 和 IE7 之间保持一致:
      • 打开ul#buttons li,删除margin: 10px 0,并添加float: left
      • ul#buttons li a 上,删除float: left 并添加display: block

    【讨论】:

    • 感谢@thirtydot,现在一切看起来都跨浏览器一致
    猜你喜欢
    • 1970-01-01
    • 2023-03-08
    • 1970-01-01
    • 2016-10-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-11-10
    相关资源
    最近更新 更多