奇怪的IE7间距出现在DIV下

时间:2009-03-23 04:36:14

标签: internet-explorer css cross-browser

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

除IE7之外的所有浏览器中的网站都很好,在内容和布局底部的页脚之间出现奇怪的空格?两个页脚线应匹配。有没有人经历过无法解释的间距?

4 个答案:

答案 0 :(得分:1)

不确定,但你有一个css规则'div#page-content',其高度值设置为“auto!important”,这可能是问题所在,因为它覆盖了一个名为'body#的更具体的规则家庭div#page-content'试图将高度设置为636px。我可以看到你试图在这个页面的左侧和右侧像素精确,该项目可能会挫败你?

只是要看一下。

答案 1 :(得分:0)

使用IE浏览器,最好在内容后立即关闭div: 而不是:

<div>
  My Content
</div>

这样做:

<div>
  My Content</div>

我知道,它弄乱了你的精彩缩进,但我觉得它适合我。

答案 2 :(得分:0)

您在页脚中使用p标记。这可能会设置一个保证金。 (HTML4的默认值为1.12 em)。尝试添加margin-bottom:0px;到页脚中p元素的样式。

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

答案 3 :(得分:0)

“#home-content”上的“margin-bottom”在IE上的“#page-content”的底部折叠,而在其他浏览器上,它恰好位于“#home-content”之后的浮动上方

Margin-collapsing很难做到,特别是考虑到IE的错误,所以如果可以的话(通常使用padding-top / bottom)通常最好避免。

无论如何,我强烈建议您尝试使您的页面高度与此页面上的精确像素数相同。字体设置/大小的任何更改都会严重破坏它;例如,如果我将文本大小缩小了一半,文本会从容器中掉出来,使页面完全无法使用。