2013-02-01 159 views
-2

現在我爲上this site如何更正IE瀏覽器的CSS?

到目前爲止的工作是對所有的瀏覽器尋找OK除IE。我不知道他爲什麼在IE他左對齊。我如何檢測是什麼原因造成的?有沒有一種方法來檢測IE中的CSS有什麼問題?!

CSS:

html,body{ 
margin:0px; 
padding:0px; 
text-align:left; 
border:0px; 
background:#000000 url(/design/wrap_t_bg.jpg) repeat-x; 
font-family:Tahoma, Geneva,sans-serif; font-size:11px; 
color:#434343;} 
+0

請發佈一些在IE中出現問題的例子,以及您在談論的版本。 – Ladineko

+0

因爲IE不符合Web標準的「良好」。你有沒有關於瀏覽器兼容性的東西?在網絡上有很多表格顯示了跨瀏覽器的兼容性。 EG [鏈接](http://www.w3schools.com/cssref/css3_browsersupport.asp) – abierto

+0

http://i45.tinypic.com/2mi2lo4.png這是它看起來如何:(也許在一個較小的分辨率看起來不錯,但是在更高版本上也不行 – user2026426

回答

0

更改這一部分:

html,body{ 
margin:0px; 

要:

html,body{ 
margin:0px auto; 

截圖

enter image description here


Quirks模式問題

默認情況下,該網站進入怪癖模式。所以,你可以把這個添加到第一行嗎?

<!doctype html> 
+0

無效:... .... – user2026426

+0

@ user2026426確保文檔模式不是怪癖模式 –

+1

事實上,我的IE9默認爲這個網站的怪癖模式,如果我強制它在標準模式下渲染,它看起來更好,但不像FF。如果您按F12啓動開發人員工具,您可能會看到「文檔模式:怪異模式」或類似於菜單欄的右側。 –

0

將body中的文本對齊更改爲'center'並將其覆蓋在div中。

請使用html驗證程序。代碼中有一些可怕的錯誤。

0

有兩種方法寫一個IE的CSS .. 首先是這樣的..on HTML頁面 目標IE所有版本

<!--[if IE]> 
<link rel="stylesheet" type="text/css" href="all-ie-only.css" /> 

另一種是使用CSS的網頁後備方法 的例子..。

html > body #div { 
    height: 300px; 

}

最好你讀這篇文章。 。 http://css-tricks.com/how-to-create-an-ie-only-stylesheet/