为什么我的浏览器顶部有空白？

我有一个web page，它在Firefox和Safari中的显示方式不同（IE测试还未到来）。为什么我的浏览器顶部有空白？

页面按照预期在Safari中显示，但正文和HTML之间有50px的余量，我无法确定是什么导致了它。

这里是人体的CSS：

body  { 
font-size: 13px; 
line-height: 1.333em; 
background: #f6eaae url(../_images/parchment-big.jpg) no-repeat center top; 
font-family: "Lucida Grande", Lucida, Verdana, sans-serif; 
color: #323232; 
}

我真的很感激，找到是什么原因造成这种差异的一些援助。理想情况下，Firefox版本更好，因为它提供了额外的呼吸空间。

谢谢。

来源

2010-05-06 fmz

我抬头一看你的代码，你的错误就在于#container的属性：

#container 
{ width: 1100px; margin: 0 auto; margin-bottom: 50px; }

你应该说不是

#container 
{ width: 1100px; margin-left: 50px; margin-right: 50px margin-bottom: 50px; }

来源

2010-05-06 18:57:43

我最终将边距改为50px auto，并且在Safari和Firefox中完美运行。谢谢！ – fmz 2010-05-06 19:33:03

根据您的网站，我认为问题实际上是将div id作为“容器”。这是它的顶部边距属性设置为50px。明确地将其设置为0px，并且应该没问题。

来源

2010-05-06 18:56:43 balazs

它消失了，如果你删除缘上的#container

设置

来源

2010-05-06 18:57:48

为什么我的浏览器顶部有空白？

回答

相关问题