Safari中的jQuery动画溢出元素移位

Question

我正在开发一个年度报告站点，它至少需要与主要浏览器（如IE，FF和Safari）兼容。我有几个关于jQuery效果的问题。

我已经添加了一个jQuery幻灯片显示效果的页面，部分显示主要内容div几秒钟然后它动画显示其余的内容。我已经在WinXP上的IE6，IE7和FF 3上进行了测试，并且工作正常。它也适用于FF3中的MAC。

但是，该页面在MAC地址为Safari 4.04中存在一个严重问题：整个动画div内容会随着内容的原始宽度向最右端移动。我也注意到，如果我删除了“溢出”相关的CSS代码，那么div将显示在正确的位置最初，但当然，jQuery的幻灯片效果将无法正常工作，因为最初它需要使用“溢出”隐藏内容。此外，div会随着jquery动画开始而再次移动。

这里是链接：http://www.attilareinhardt.com/clients/test/mainWhoWeAre_slide2.html

有任何解决方法或解决这个问题？

另一个小问题是，在某些情况下，动画幻灯片效果无法打开并一直显示内容。底部会被裁剪，有时会过早裁剪，并且会在所有浏览器上发生，但并非全部发生。我想它有一个问题正确计算内容div的正确高度。有什么办法来强制正确的身高计算？

Answer 1

当我将clear:left;添加到您的id =“mainContent”元素的样式中时，它会对其进行更正。