在IE中的邊緣不起作用

我已經創建了一個免費的報告，它在Mozilla Firefox中工作得很好，但在MS IE中有很多問題。在IE中的邊緣不起作用

請給我任何解決這個請。

這是在IE瀏覽器看起來混亂的網站的鏈接。

http://www.getsuperiorreturnsnow.com/

我設置它的主要的#container

#container { 
    width: 840px; 
    margin: 10px auto; 
    display: block; 
}

，但不工作。 :(

來源

2012-02-16 Muzammil

我看到，在Firefox中，margin是：10px auto;你錯過了什麼？ – DonCallisto 2012-02-16 10:56:42

MS IE的哪個版本？ IE6,7,8和9之間有區別。 – 2012-02-16 10:57:06

@TJ。所有IE都給我的問題 – Muzammil 2012-02-16 11:00:36

對於IE6你將要添加文本對齊：中心;該元素父容器您正在使用保證金：汽車;

例如，如果您有：

<body> 
<div id="wrap">

你可以嘗試：

body {text-align: center;} 
#wrap {width: 1000px; margin: auto;}

來源

2012-02-16 11:05:31 harry

IE在怪異模式顯示你的頁面這就是爲什麼保證金：汽車將無法正常工作

如果IE在怪異模式通過閱讀這篇文章的答案運行您可以檢查：How to tell if a browser is in "quirks" mode?

你會發現IE的怪異模式的侷限性這裏的列表： http://www.quirksmode.org/css/quirksmode.html

您需要將您的文檔類型更改爲使IE以嚴格模式運行。例如：

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

來源

2012-02-16 11:05:53

真的很有幫助，但是有更多的錯誤，標題顯示在書下，但它應該顯示左側。 – Muzammil 2012-02-16 12:14:12

我不太確定爲什麼，但我猜這也是怪癖模式的原因。不知何故花車表現不佳。另請參閱http://stackoverflow.com/questions/1443007/cannot-get-float-left-right-to-work-for-a-div-in-internet-explorer。給div.book-preview一個230px的寬度會糾正這個問題，但是我強烈建議你更新你的文檔類型。 – 2012-02-16 12:30:33

我在本地更新文檔類型爲<！DOCTYPE html>，但不在服務器上。 – Muzammil 2012-02-16 12:35:55

在IE中的邊緣不起作用

回答

相關問題