浮动div不显示在IE7中

Question

好的，我不知道这里有什么问题：

https://www.e-capture.net

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

有趣的事实：IE6中的网站显示效果优于IE7： - ）

任何想法？
谢谢！

Answer 1

我在IE7和Firefox中测试了这个。

您只需要移动一堆<div>标记，然后添加一个新标记（在下面突出显示）。

这就是我完成后Firebug的样子：

（我首先在IE7中做了同样的事情，它解决了你的问题。然后，我在Firefox中做了同样的事情，以确保修复程序不会在现代浏览器中杀死它。）< / p>

这是我尝试对我所做的文字描述：

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