Chrome和Safari浏览器中jQueryUI对话框位置中断

Question

这看起来很奇怪。看看这个在Firefox的小提琴。 http://jsfiddle.net/mjT5R/1/

请注意，小提琴是jQueryUI基本对话框演示，逐字。

没有造型的对话框出现在结果框架的中心。现在试试Chrome（我的版本是8.0）。它在左上角，不是吗？

现在尝试添加一些CSS（在Chrome中）。将<link rel="stylesheet" href="http://www.jqueryui.com/themes/base/jquery.ui.all.css">添加到HTML部分的顶部。当风格，这个位置神奇的作品！

那么，为什么Chrome（和Safari，根据我们的测试团队）没有正确定位对话框？这不仅仅是iframe - 全屏结果有相同的问题。

Answer 1

你只需要添加以下CSS：

.ui-dialog { margin:0 auto; } 

...它应该中心，你想让它。我updated your fiddle来显示此。

Answer 2

我确实发现我们的css在我们的网站上已经过时了。使它工作的CSS是让.ui-dialog有位置：绝对。在旧版本中，它是相对的，它在Webkit中被打破。