css - IE7 问题 - 浮动填充元素上的间距太大

Question

让 IE7 仅在此页面上存在间距问题：http: //chantalorganics.co.nz/wordpress/newsletter/

下图显示了功能框上方和下方以及页脚内容上方的大空间。

我可以看到很多人在 IE7 中遇到边距问题，但我使用的是填充。我也在使用 Eric Meyer 的 reset.css。但是，内容是浮动的，这似乎是问题的一部分。

感谢任何指导！

Answer 1

我发现这个大空白是因为在“entry-content”类中添加了margin-bottom。此类被添加到 H1 下方的 div 中。您可以删除该边距底部并将其添加到 H3 并使用“找出原因”文本。就我而言，解决了问题:)

顺便提一句。当您将鼠标悬停在 Tahini Cookies 图像上时，Chrome 上的图像会向下移动。这很奇怪……

编辑：要修复页脚空白，请添加样式显示内联块，如下所示

#footer-container { 
    display: inline-block;
}

页脚上方的大空白是因为您在#primary-menu 和#container 中添加了高度。我试图删除它，但后来我注意到在该菜单之后的高度不够，所以我将两个高度都修改为 min-height: 563px （数字由你决定）。这是你所期待的吗？我在http://www.cssnewbie.com/double-margin-float-bug/找到了帮助

今天我没有那个奇怪的跳跃芝麻酱饼干形象。你能告诉我那是什么吗？你是怎么修的？