2010-04-28 70 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