2010-03-19 64 views
0

我回来了,在我即将到来的网站上出现了更多的布局问题。我能够在每个现代浏览器(不包括ie7或更早的版本)上实现适当的动画,定位和结果,以及我的布局/启动画面。ie7中的jQuery和XHTML布局问题

我在页面的中心有一个图像,即text-align:center'd,并且通过在页面的上半部分将div(#SPLASH_HEAD)设置为50%将其推送到垂直中心。加载动画将#SPLASH_HEAD的高度更改为0px,将图像拖到顶部(然后执行其他操作)。

在IE7(或兼容模式)中,似乎在jquery-1.4.2.min.js,第116行char 165中存在错误(我认为它与实际的jQuery文件本身没有任何关系) 。飞溅不是垂直居中(#SPLASH_HEAD不在窗口高度的50%处注册),并且没有以空白左边正确居中。此外,其他元素都没有被正确隐藏(使用.hide()),因为ie7似乎并未加载所有的jQuery/javascript。

继承人的链接:www.voidsync.com/test(它会更容易查看源上有)

的感谢!

+0

你的意思是“不包括ie6或更老”吗? – keithjgrant

+0

你有使用.livequery而不是jQuery .live的原因吗?我不确定这是否与此相关,但我在使用livequery w/1.4 +时遇到问题(不知道它是否与IE相关),因此我转而使用1.3.2。 – nolabel

+0

@keithjgrant - 这不适用于IE7或更旧版本。 @nolabel - 据我所知,我使用的是livequery,因为它似乎具有比.live更多的功能(如hijaxing锚链接,或者在AJAX加载的内容上运行函数)。 – abysslogic

回答

1

在你的jquery.js的第66行,你传递的值是“inherit”。 IE有时适合这个值。

$("#CONTAINER").css("height","inherit"); 

尝试注释掉该行。然后,在IE7中刷新你的页面。如果问题仍然存在,请将该值更改为“自动”或“”。

如果这不能解决问题,请尝试将设计移回到jquery 1.3.2。我昨天在jquery中发现了一个bug,也有可能你也有。祝你好运!

+0

如果用户在加载飞溅之后点击“后退”,我需要传递一个值以将所有元素恢复到其原始起始位置。 我创建了一个异常,在IE7或更高版本中将高度设置为“100%”,并在所有其他浏览器中“继承”,现在一切正常。谢谢! – abysslogic