2012-03-06 67 views
0

由於某種原因,最近上線的網站現在已經完全在IE9中搞砸了。不知道發生了什麼事情,把它搞砸了,但我迫切需要應用修復程序,因爲該網站實際上是活的。在IE8/9&CSS中調試

有一些主要的和一些小的。

該網站是http://bit.ly/8oRMih

該網站在Firefox和Chrome意見罰款。

在IE9中查看時,左側邊欄(left_column)不會與jQuery滑塊(jtabslider)水平顯示。

爲ID left_column的CSS是...

clear: left; 
width: 200px; 
margin-top: -34px; 
margin-right: 10px; 
overflow: hidden; 
border-left: 4px solid #990000; 
border-right: 4px solid #990000; 
border-bottom: 4px solid #990000; 

我們的設計師都不是免費的目前,我簡直絕望,在調試IE所以會很感激,如果任何CSS嚮導可以借給請儘可能解決問題。

讓我知道是否有更多的信息需要我。

在此先感謝。

回答

5

Validate your HTML.

的問題是列出的第一個問題:

沒有DOCTYPE找到了!使用默認的XHTML 1.0 Transitional文檔類型進行檢查。

沒有文檔類型意味着IE使用模仿IE5.5的quirks mode。這很糟糕。所以你的網站看起來破損。

+0

哦,爲了上帝的緣故!非常感謝你指出這一點,我想我知道這是怎麼發生的。 Prestashop在後臺有一個工具用於壓縮所有的源代碼等等,它看起來就像構建它的白癡一樣,從頁面中除去了標籤中的所有內容,這意味着文檔類型已被剝離(這明顯包括在頭文件的頂部)。難以置信的。 :/非常感謝十三歲。 – zigojacko 2012-03-06 12:12:31

+0

只是爲了增加上述內容,我編輯了壓縮腳本,恢復了文檔類型並解決了所有問題......非常感謝。 – zigojacko 2012-03-06 12:15:20