DIV下出现奇怪的IE7间距答案

【问题标题】：Strange IE7 Spacing Appearing Under DIVDIV下出现奇怪的IE7间距
【发布时间】：2010-10-14 21:48:08
【问题描述】：

http://www.downloadadeal.com.au/

上面的站点在除 IE7 之外的所有浏览器中都正常，其中内容和布局底部的页脚之间出现奇怪的空间？两条页脚线应该匹配。有没有人经历过无法解释的间隔？

【问题讨论】：

【解决方案1】：

不确定，但是您有一个 CSS 规则“div#page-content”，其高度值设置为“auto！important”，这可能是问题所在，因为它覆盖了一个更具体的名为“body#”的规则试图将高度设置为 636px 的主页 div#page-content'。我可以看到您正在尝试在此页面的左侧和右侧保持像素精度，而该项目可能会阻碍您？

只是看看而已。

【讨论】：

【解决方案2】：

使用 IE，在内容之后立即关闭 div 是个好主意：而不是这个：

<div>
  My Content
</div>

这样做：

<div>
  My Content</div>

我知道，它打乱了你漂亮的缩进，但我发现它对我有用。

【讨论】：

看起来可能是这样。我讨厌那些间距小鬼。

【解决方案3】：

您在页脚中使用 p 标签。这可能设置了边距。（HTML4 的默认值为 1.12 em）。尝试添加 margin-bottom: 0px;到页脚中 p 元素的样式。

在各种 div 标签之间还有一些杂散的空格字符。

【讨论】：

【解决方案4】：

'#home-content' 上的 'margin-bottom' 在 IE 上从 '#page-content' 的底部折叠，而在其他浏览器上，它正确地位于浮动上方，而在 '#home-content' 之后.

margin-collapsing 很难做到正确，尤其是考虑到 IE 的错误，所以如果可以的话，通常最好避免（使用 padding-top/bottom 代替）。

在任何情况下，我强烈建议您不要尝试使您的页面高度与此页面上的精确像素数相同。字体设置/大小的任何更改都会严重破坏它；例如，如果我将文本大小放大一半，则文本会从其容器中掉出，从而使页面完全无法使用。

【讨论】：