2013-02-15 144 views
2

我試圖讓我們的Wordpress博客在IE8及以下顯示效果稍好一點(它在IE9,Firefox & Chrome中效果很好)。一個重大問題似乎是IE8缺乏對負邊緣的支持,所以我們在帖子欄和邊框小部件之間的差距在IE8中是不存在的。負邊距IE8問題

網址:http://trekcore.com/blog

的CSS控制的分離是在這裏:

#secondary { 
float:right; 
width:300px; 
margin-right:-320px; 
} 

有條件的CSS在IE8下解決這一問題的建議,任何幫助將非常感激!

回答

0

你應該驗證你的html標記,35個錯誤和11個警告不會幫助。

的同時

,試試這個修復:

.negative-margin-element { 
    zoom: 1; /* ie hax*/ 
    position: relative; /* ie forced behavious*/ 
} 
+0

我已經注意到了標記錯誤,其餘11個由於我們的Disqus插件而獨立於此問題。不幸的是,你的建議似乎並不奏效...... – user2075698 2013-02-15 15:57:15

0

您使用HTML5元素和IE8不理解他們,並會忽略它們並不能應用CSS他們,因爲IE8不知道他們存在。要修復IE,你需要添加html5shiv。這會將這些元素添加到IE8的DOM樹並將它們設置爲塊級別。

你可以編寫自己的代碼和CSS來做同樣的事情,但shiv很方便。