IE7问题 - 在浮动，填充元素上间距太大

Question

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

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

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

感谢任何指导！

Answer 1

我发现这个很大的空白是因为在“入门内容”课程中添加了边距底部。这个类被添加到H1下面的div。您可以删除该margin-bottom并使用“查找原因”文本将其添加到H3。在我的情况下解决了问题：）

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

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

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

页脚上方的大空格是因为您已将高度添加到＃primary-menu和#container。我试图删除它，但后来我注意到，在菜单不够高度后，我将两个高度修改为最小高度：563px（数量取决于你）。那是你所期待的吗？ 我在http://www.cssnewbie.com/double-margin-float-bug/

找到了帮助

今天我没有那个奇怪的跳跃Tahini Cookies形象。你能告诉我那是什么以及你是如何修理的？