IE6 背景图像边距/填充/间距问题答案

【问题标题】：IE6 background-image margin/padding/spacing issueIE6 背景图像边距/填充/间距问题
【发布时间】：2010-09-09 18:41:54
【问题描述】：

我目前正在设计一个页脚分为两个 div 的页面。顶部 div 显示背景图像以将其与主页分开，第二个 div 包含实际的页脚内容。

在所有浏览器中都如下所示：

...除了 IE6，它看起来像：

我猜这是一个边距/填充问题，但我无法确定是哪个 div 导致它（它在除 IE6 之外的所有浏览器中都有效！）。

如果任何人都可以确定额外空间的来源，请访问正在进行中的网站here。

【问题讨论】：

【解决方案1】：

在 IE6 中，字体大小对块元素有直接影响。因此，要解决此问题，请将 font-size: 0 设置为 #footerTop DIV。

【讨论】：

【解决方案2】：

首先，漂亮的设计！

其次，您是否尝试过在顶部 div 中将 line-height 设置为 0？偶尔为我解决问题。

【讨论】：

谢谢！不幸的是，将 line-height 设置为 0 没有任何效果。
您也可以尝试确保“页脚”div hasLayout。在其上设置“height:1%”，或“zoom:1”。更多信息：satzansatz.de/cssd/onhavinglayout.html
在页脚 div 中添加 height: 1%; 无效。

【解决方案3】：

尝试删除标签之间的任何空格。这在我之前在 IE 6 中发生过。所以不是：

<div id="footerTop"></div>

        <div id="footer">

做：

<div id="footerTop"></div><div id="footer">

【讨论】：