http://www.downloadadeal.com.au/
除IE7之外的所有浏览器中的网站都很好,在内容和布局底部的页脚之间出现奇怪的空格?两个页脚线应匹配。有没有人经历过无法解释的间距?
答案 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)通常最好避免。
无论如何,我强烈建议您不尝试使您的页面高度与此页面上的精确像素数相同。字体设置/大小的任何更改都会严重破坏它;例如,如果我将文本大小缩小了一半,文本会从容器中掉出来,使页面完全无法使用。