2012-12-17 147 views
0

我是一般的編程新手,特別是CSS。我目前正在爲火車愛好者開設一個新網站。我正在從頭開始,這樣我就可以在HTML,CSS,PHP,MySQL等方面獲得一些經驗。CSS IE兼容性問題

不管怎樣,我遇到了一個問題。我向Google搜索了一個解決方案,但一直未能找到解決方案。我的CSS似乎與市場上除IE瀏覽器以外的所有網絡瀏覽器兼容。我不知道如何解釋這個問題,除非你自己檢查一下。就好像我的標題和左側菜單是唯一的樣式元素,但是我的內容和右側菜單被向右推並且沒有樣式。分別在IE和其他瀏覽器中檢查this link。你會看到不同之處。

所以我的問題是這樣的:我該如何解決它?我知道它必須是一個IE漏洞,因爲它在任何其他瀏覽器中都有效,但我不知道它會是什麼!如果我需要發佈我的CSS腳本,請告訴我。預先感謝您提供的任何幫助!

+2

使用W3C在線工具驗證您的HTML。 IE會更快樂。 – Sparky

+0

好'ol IE總是聽說它不喜歡很多東西 – DeadChex

+0

我檢查了鉻和IE8,看起來不像我。究竟是什麼問題?你總是可以嘗試在頭文件中設置一個重置css。這將刪除設置的所有默認填充或頁邊距。 – dinukadev

回答

0

您使用哪個版本的IE來測試它?我檢查了Firefox,IE9,8和7.在IE8和IE9上看起來很好。雖然對7幾個問題你可以使用條件註釋來修復7 問題建立專門針對IE7新的CSS文件,然後 使用類似的代碼在你的頭

<!--[if IE 7]> 
<link rel="stylesheet" href="css/ie7.css" type="text/css" /> 
<![endif]--> 

下現在玩與ie7.css直到事情看起來更好。這種方法的好處是你可以修復IE中的問題而不會干擾其他瀏覽器渲染。您也可以使用「ietester」和調試欄來確定究竟是什麼錯誤。即時通訊無法找到確切的鏈接,但谷歌應該幫助。

你可以閱讀更多關於有條件的評論在這裏http://www.quirksmode.org/css/condcom.html

1

在樣式表你一個div元素(塊級元素自然有填充其容器的寬度)上有一個多餘的width:100%。 IE將這100%解釋爲#container。您可以通過在styles.css的第119行刪除width:100%來修正IE7中的樣式問題(理論上)。我推測,這是由IE7的解釋引起的display:inline-block

然而,我必須警告你,確保兼容性與IE 7和更低是屁股的主要痛苦,完全不值得。 :)