在IE 9中加载时，在标题下显示奇怪的间隙

Question

我一直在寻找解决这个“常见差距问题”的方法。

以下是Chrome＆amp;中的页面内容IE9中的页面如何https://dl.dropbox.com/u/3788693/Work/example.jpg

这是我的HTML文件：https://dl.dropbox.com/u/3788693/Work/01index.html

我已经阅读了很多关于使用和应用

的内容

Setting position:relative on the header block.
Setting position:absolute; top:0; right:0
#header img { display: block }

但它似乎没有显示IE的任何变化。也许我在错误的地方运用了错误的东西？无论如何，为什么IE首先会有所不同？

Answer 1

在IE的条件评论中，您正在使用

<!--[if IE]>
<style type="text/css">
/* place css fixes for all versions of IE in this conditional comment */
.twoColElsLtHdr #sidebar1 { padding-top: 30px; }
.twoColElsLtHdr #mainContent { zoom: 1; padding-top: 15px; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->

从padding-top: 30px中删除.twoColElsLtHdr #sidebar1，从padding-top: 15px删除.twoColElsLtHdr #sidebar1将会解决您所看到的差距。