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中被打破。