2010-04-28 88 views
0

所以我在我的主頁上建立了一些複雜的ajaxy jquery模塊,在flowplayer.org的「可滾動」幫助下。IE顯示錯誤,jQuery錯誤

它適用於我在Chrome,Opera,Firefox ......但是IE當然不是友好的(不管我的測試版本是什麼)。

對象沒有正確顯示他們應該在的位置,有的相互重疊,當點擊某個按鈕時,某些div會消失。

但是,如果我上下調整IE瀏覽器窗口大小,顯示大多會修復自身。 然後,如果我點擊其中一個按鈕,它會再次混淆它。直到我再次調整窗口大小,它看起來很好。

要看到問題:

(注意forceshowIE = 1,因爲默認情況下我隱藏它IE人)

我想也許有辦法迫使IE有時重繪整個模塊? 或者也許有人對如何解決底層問題有更好的想法?

的源代碼可以在這裏找到:

http://www.makemeheal.com/mmh/scripts/recentHistory.js

http://www.makemeheal.com/mmh/styles/recentHistory.css

感謝

回答

2

你缺少在文件的頂部DOCTYPE聲明,這是導致IE恢復到怪癖模式。提供文檔類型將導致IE以標準模式呈現。 (不能說IE6仍將表現,但IE7/IE8應與其他瀏覽器更加一致)

嘗試把這個在主文件的頂部:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

希望修復它。

+0

你讓我如此興奮,它看起來很簡單。不幸的是,它不起作用... – 2010-04-28 17:24:35

+0

你把doctype放在頭部,它需要成爲之上的文檔的第一行。仍然不能保證這一點,但嘗試它。 – David 2010-04-28 17:28:53

+0

你是我的英雄!我仍在測試,但目前看起來不錯。 Wooo我一直在尋找答案數週! – 2010-04-28 18:06:51