在IE瀏覽器中加載標題時顯示出奇怪的差距9

Question

我一直在摸索着尋找解決這個「常見缺口問題」的方法。

這裏是頁的像在Chrome &頁面怎麼是什麼樣的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]--> 

去除.twoColElsLtHdr #sidebar1padding-top: 30px和padding-top: 15px從.twoColElsLtHdr #sidebar1會照顧你看到的差距。