Internet Explorer的CSS - 中心Div

我最近做了一個網站，但我有一個非常大的問題與Internet Explorer。 CSS似乎在IE中做了奇怪的事情。而不是複製數百行CSS這裏是鏈接到網站的頁面：http://www.appwheal.com/app/ios/angry-birds-space 所有的內容應該顯示在屏幕中間。相反，IE瀏覽器卡在左側。Internet Explorer的CSS - 中心Div

我使用

margin-left: auto; 

margin-right: auto;

這是由IE支持的，正確的。

請幫助和提前致謝。

來源

2012-05-15 John Wheal

它還需要一個*寬：*。 –

[Float a div to center]的可能重複（http://stackoverflow.com/questions/1740587/float-a-div-to-center） –

您需要聲明DOCTYPE或Internet Explorer默認爲Quirks模式（IE5兼容性）。進入Internet Explorer，點擊F12調出開發工具，並注意它在文檔模式下顯示「Quirks」模式。怪癖不支持任何已知的div集中化方法，並且宣稱DOCTYPE是解決它的最簡單（並且推薦）的方式。

要設置頁面的XHTML 1.0過渡（這是最常見的），使用

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

要聲明的頁面是HTML5兼容，使用

<!DOCTYPE html>

的DOCTYPE線必須在html文件的第一行，出現在開頭的<html>標記之前。

來源

2012-05-15 19:23:24 saluce

謝謝，我感到很傻，我忘了這一點。至少我不需要改變CSS的負載。 –

非常感謝解釋！ – Nadeeshani

，還必須設置

body { 
    text-align: center; 
} 

#yourDiv { 
    margin: 0 auto; 
    text-align: left; 
}

來源

2012-05-15 19:20:58 Kristian

DOCTYPE未設置; IE在Quirks模式下渲染頁面。 – saluce

啊，真棒擲骰子模式。謝謝 – Kristian

是的，如果您將開發人員工具中的文檔模式更改爲IE7，則無需更改CSS即可完美工作，因此在主體中設置文本對齊：居中不是必需的 – saluce

您可以使用舊學校的text-align：中心並嘗試頂部：50％;左：50％;並抵消合適的負像素

來源

2012-05-15 19:22:57

設置的空白和寬度：

#yourDiv { 
    margin: 0 auto; 
    width: 300px; 
}

來源

2013-02-21 06:49:06 user2094324

Internet Explorer的CSS - 中心Div

回答

相關問題