2010-02-16 107 views
0

所以這裏是另一個IE交叉兼容性問題。我的網站www.zerozaku.com與Chrome和Firefox兼容,但IE瀏覽器在我的Mini-Chat中出現了一個問題,這些問題是開箱即用的。誰能幫忙?HTML/CSS:我的迷你聊天在IE瀏覽器中溢出

P.S.我只測試了IE8,火狐,Chrome

+2

GIGO:http://validator.w3.org/check?uri=http%3A%2F%2Fwww.zerozaku.com&charset=%28detect%20automatically%29&doctype=Inline&group=0 – Quentin 2010-02-16 11:55:02

+0

我得到這個錯誤從IE: 網頁錯誤詳情 用戶代理:Mozilla/4.0(兼容; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729) 時間戳:星期二,2010 2月16日11時59分09秒UTC 消息:預期標識符,字符串或數字 行:24 字符:2 代碼:0 URI:HTTP:// WWW。 zerozaku.com/styles/zerozaku/t emplate/default.js – graphicdivine 2010-02-16 11:59:16

+0

正如@David所說,首先讓你的HTML直線化。沒有正確關閉標籤是溢出盒子的主要原因之一。 – 2010-02-16 12:12:52

回答

0

我剛重組XHTML和CSS以符合IE標準。

1

名錄<link rel="shortcut icon" href="favicon.ico"> 首先需要錯誤關閉標籤像<link rel="shortcut icon" href="favicon.ico" />

此外,如果你嘗試運行您的頁面上的驗證,你會發現,你有50多個標記錯誤,我敢打賭造成IE瀏覽器missbehaviour。

+0

我現在已經成功完全驗證了index.html頁面。除了我的代碼現在看起來更專業之外什麼都沒發生 – 2010-02-19 01:06:11

+0

沒有任何變化,但至少現在我們可以開始正確調試,因爲我們知道沒有標記錯誤。 #mChatData .body {float:left; float; left; margin-top:-39px; 寬度:100%; } 從該類中刪除寬度和上邊距。設置溢出:隱藏在.avatar和.body容器的div上,並調整.body風格,這樣它會再次看起來不錯(刪除邊距等),它應該在IE中工作。就像現在這樣做,這不是一個最好的做法。 – easwee 2010-02-19 13:41:41

+0

完成。在IE中仍然不起作用。 – 2010-02-22 01:00:42

相關問題