相对定位页脚 - IE中的空白空间？

我有一个跨越页面宽度的页脚。在页脚内有一个实质上充当页脚背景图像的页面，填充页脚/页面的整个宽度。但是，在IE中，页脚下面有一些空白区域，应该只是与页面底部齐平。在Firefox，Safari等中似乎很好。以下是我拥有的任何建议吗？相对定位页脚 - IE中的空白空间？

<body> 
    <div id='container'> 
      <div id='content'></div 
    </div> 

    <div id='footer'></div> 
</body>

CSS是：

html { 
    font:62.5% 'Helvetica Neue'; 
    color:#777676; 
    margin:0; 
    padding:0; 
} 

body { 
    font-size:1.8em; /* 18 px */ 
    line-height:1.2em; 
    margin:0; 
    padding:0; 
    width:100%; 
} 

#container { 
    width:906px; 
    margin:0 auto; 
    height:100%; 
    position:relative; 
    z-index:10; 
} 

#content { 
    padding-top:20px; 
} 

div#footer { 
    position:relative; 
    bottom:0; 
    clear:both; 
    width:100%; 
    z-index:1; 
} 

div#footer img { 
    width:100%; 
    border:0 none; 
}

来源

2011-12-09 djt

现场演示这将不胜感激。 – Blender

添加display:block;在图像上，这应该修复它...

（如果你想<tags>是在可见的使用代码高亮你的问题你的文字...）

来源

2011-12-09 17:51:59 ptriek

这可能是一个非常复杂的答案。我之前遇到过这种情况，现在我忘了我是如何解决这个问题的。首先，我应该问你测试哪个版本的IE，它可能会老。我不认为这是IE 8及以上版本的问题。接下来，是您的DOCTYPE集。然后尝试在页脚上设置高度和/或行高。确保所有兄弟元素和父元素具有“位置”，“顶部”和“左侧”的设置。

您是否尝试过将它定位为“绝对”，如果这样做不起作用，请移除身体中的所有其他元素，逐个将它们重新添加回去，直到其中断为止，然后找出添加的元素出了什么问题。

来源

2011-12-09 18:04:12 Krik

相对定位页脚 - IE中的空白空间？

回答

相关问题