我的網站主div在IE 7和8中看起來完全混亂

Question

我的網站的主div在某個頁面左側浮動，在其他頁面的某個頁面右側它分散在IE 7和8的任何地方，我甚至都沒有在IE6中檢查，而它在IE 6中是完美的。

請幫忙，div如下。不管瀏覽器是否有固定div的方法？有沒有黑客？

div.main { 
margin:70px auto; 
width:80%; 
} 

Answer 1

舊版本的IE需要你掰開保證金，像這樣的工作：

margin-left:auto; 
margin-right:auto; 
width:80%; 

另一種選擇是隻設置頁邊距，不寬。這會給你一個不同的結果，這取決於你正在尋找：

margin-left: 10%; 
margin-right: 10%; 

一個真正的老黑客嘗試是這樣的：

body { 
text-align:center; 
} 

div.main { 
margin-left:auto; 
margin-right:auto; 
text-align:left; 
width:80%; 
} 

的關鍵是僅僅是明智和創造性得到的CSS在舊版本的IE中正常工作。不要做任何會破壞較新瀏覽器的事情。在最後一次黑客攻擊的情況下，新瀏覽器中沒有任何內容會發生變化，因此可以安全使用。

Answer 2

將body style設置爲text-align：center;和div邊距：auto;

這應該在所有的瀏覽器

Answer 3

沒有什麼錯碼，它在所有現代瀏覽器工作正常，甚至是IE 6

有關問題的振振有辭可能是在頁面的一些其他元素更是打破了佈局。您可以使用類似Firefox中FireBug插件的工具來檢查元素並查看實際應用於元素的樣式。

檢查您在頁面頂部是否有適當的doctype標記（並且之前沒有XML標記），以便頁面呈現符合標準的模式。 IE對此特別敏感，因爲它在怪癖模式下呈現時使用非標準盒子模型版本。