上傳到網絡服務器後佈局中斷

我開發了一個小型站點（100％css佈局）。我已經在IE，Firefox上測試過了，它看起來很好。我上傳到我的託管公司後，Web服務器佈局僅在Internet Explorer上打破。我的意思是CSS正確加載，但一些元素不在他們的位置。我檢查了幾次在我的本地電腦和網絡服務器上的CSS文件，他們有相同的內容。上傳到網絡服務器後佈局中斷

例如

#main{ 
    position: relative; 
    width: 960px; 
    margin: 0 auto; 
}

上面的代碼把#main格在畫面的中心。在我的電腦上它工作正常的IE瀏覽器，Firefox等，但在網絡服務器上，該div漂浮在左邊的IE瀏覽器

什麼可能是錯的？

來源

2011-04-06 prista

你能告訴我們的CSS代碼不能正常工作嗎？ – 2011-04-06 08:29:50

Internet Explorer有許多事情來確定文檔呈現模式。本地或互聯網上的文件就是其中之一。

添加

<meta http-equiv="X-UA-Compatible" content="IE=edge">

然後檢查文件是一致的（在兩個或工作在兩者都被打破）。如果是這樣，那就證實了問題所在，並且您只需修復CSS即可在其最佳標準模式下使用IE。

Microsoft provide more details。

另外，請確保您沒有使用工具欄上的兼容性按鈕來強制與較老的buggier版本的IE兼容。

來源

2011-04-06 08:33:38 Quentin

+1，我正在寫一個幾乎相同的答案。你沒有提到的唯一一件事（我打算這麼做）是打F12來查看他在本地和現場的「文檔模式」，以便快速驗證問題。 – thirtydot 2011-04-06 08:37:37

Tha做了IE8的訣竅，但如何實現IE7？ – prista 2011-04-06 08:40:29

您需要確定IE7中的哪些錯誤導致問題並解決它們。 – Quentin 2011-04-06 08:41:39

對於早期版本的IE瀏覽器，你需要添加CSS的額外位把事情爲中心，即：

body {text-align: center};

然後，你想也需要添加文本對齊：左;第一個孩子div中的文本不居中：

#main{ 
position: relative; 
width: 960px; 
margin: 0 auto; 
text-align: left; 
}

如果瀏覽器被表現爲一個早期版本我認爲這可能是問題，所以你可以添加以下到您的代碼。

來源

2011-04-06 11:41:44 james6848

上傳到網絡服務器後佈局中斷

回答

相關問題