由於CSS問題，頁面在IE和Firefox中無法正確顯示

我的網站是http://www.parentcenterhub.org/region6-aboutus/此頁在Google Chrome中正確顯示。但是，佈局對於Internet Explorer和Firefox來說是搞砸了。我認爲這是CSS問題。 CSS代碼是由於CSS問題，頁面在IE和Firefox中無法正確顯示

#primary { display: -webkit-box; // or display: flex; } 
.entry-content img.alignleft {margin-left: 0px !important;} 
.custom_list { float: right; display: inline-block; 
width: 30%; 
list-style-type: none; }

來源

2014-04-01 Eclectic Solutions

去看看我在這裏回答的問題。希望它灑一些光http://stackoverflow.com/questions/22678988/ie-7-and-8-not-showing-perfect-design-view/22679433#22679433 –

謝謝。這很有幫助。 –

-webkit-box只會在WebKit瀏覽器的工作 - 這火狐/ IE都沒有。您需要指定供應商前綴以使其適用於所有現代瀏覽器。

#primary { 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex; 
    display: flex; 
}

然而，這不適用於舊版本的IE瀏覽器（與其他所有內容一樣）。點擊此處查看http://caniuse.com/flexbox瞭解哪些版本的瀏覽器支持此屬性。

來源

2014-04-01 06:28:14

我需要它作爲強制性要求在IE 9上工作。那麼，我該怎麼做呢？ –

改爲使用百分比作爲寬度。例如：'.main-content {width：80％; }'和'.sidebar {width：20％; }' –

是的，我用百分比。我通過使用display：inline-block修復了IE9問題。但是，IE10也存在重疊問題。您可以通過在netrenderer.com/index.php上輸入URL parentcenterhub.org/region6-aboutus來檢查IE10 -ms-flexbox是否不起作用。請建議做什麼。 –

由於CSS問題，頁面在IE和Firefox中無法正確顯示

回答

相關問題