2012-07-13 67 views
-1

我的网站是跨浏览器兼容的,但在IE9中它显示了导航和内容部分之间的额外空间。IE9中的CSS额外空间问题

你可以看到这个问题here

我该如何解决?相对的,然后使用后明确=“所有”标签:

+0

你的网页在浏览器太.. – 2012-07-13 22:54:34

+0

的额外空间的额外的空间是可见的FF太。此外,你的代码有点乱...分散,难以阅读。 – 2012-07-13 22:55:36

+4

'

' - 删除'margin-top'。这是额外的空间 – 2012-07-13 22:57:11

回答

2

你是因为你使用的位置获得了大量的空白。这推动了你的所有内容。请尝试使用绝对定位(位置:绝对;),并使父容器位置:相对;

虽然我觉得这里有很多需要担心的地方。你的编码非常混乱,这使得查明错误非常困难(尽管我认为是这样)。我建议把所有的CSS放在一个单独的style.css样式表中,并考虑为javascript做同样的事情。

您还有161错误在您的脚本以及194警告。 (请参阅http://validator.w3.org/)。这些错误会给你带来各种各样的问题,并且让你非常难以按照你的喜好来布局一切(谷歌也会惩罚你的搜索引擎结果)。我知道有很多错误,但不会因为大多数重复而修复所有错误。你也会学到各种各样的新东西:)希望有所帮助!

1

这是divid="navBreadCrumb"导致的空间,因为它有一个顶部边距190px。边缘与外部元素崩溃并将div向下推动id="new_main"。然后,您正在使用相对定位来使内容显示更加深化。

如果删除缘和相对定位,你摆脱的空白100px