2010-09-09 112 views
0

我目前正在设计一个页脚,将页脚分成两个div。顶部div显示一个背景图像将其与主页面分开,第二个div包含实际的页脚内容。IE6背景图像的边距/填充/间距问题

它看起来像在所有浏览器执行以下操作:

Good

...除了IE6,它看起来像:

Bad

我猜这是一个保证金/填充问题,但我无法确定哪个div导致它(它在除IE6以外的所有浏览器都可以使用!)。

工作中的网站here,如果任何人都可以确定多余的空间来自哪里。

回答

3

在IE6字体大小对块级元素直接影响。所以,要解决这个问题,请在#footerTop DIV中设置font-size:0。

+0

您好,先生,是一个传奇。 – Rezzie 2010-09-09 10:45:49

+0

该死的,我和线条高度的东西很接近。做的很好,我记下了! – Liggi 2010-09-09 10:47:02

+0

任何关于平铺页面背景图片为什么不会在IE6中显示的线索(或者我应该问这是一个单独的问题吗?) – Rezzie 2010-09-09 10:53:29

0

首先,很好的设计!

其次,你有没有尝试将顶部div中的行高设置为0?偶尔为我解决了这个问题。

+0

谢谢!不幸的是,将行高设置为0不起作用。 – Rezzie 2010-09-09 10:31:30

+0

你也可以尝试确保“页脚”div有布局。设置“高度:1%”或“缩放:1”。更多信息:http://www.satzansatz.de/cssd/onhavinglayout.html – Liggi 2010-09-09 10:33:56

+0

将“height:1%;”添加到页脚div无效。 – Rezzie 2010-09-09 10:40:01

0

尝试删除标签之间的任何空格。这种情况以前也发生在我身上IE 6.所以不是:

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

     <div id="footer"> 

做:

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

没有,差距仍然是:( – Rezzie 2010-09-09 10:42:28

+0

这是我正在建议的 - 这是一个经典的IE6故障。 – Spudley 2010-09-09 10:43:43

+0

不知道那么...如果是我,我只是在你的IE6 css – 2010-09-09 11:10:49