jQueryUIダイアログの位置がChromeとSafariで壊れています

Question

これは本当に奇妙なようです。 Firefoxでこのフィドルを見てみましょう。 http://jsfiddle.net/mjT5R/1/

フィドルは、jQueryUIの基本ダイアログのデモで、逐語的です。

スタイリングのないダイアログが結果フレームの中央に表示されます。 Chromeで試してみましょう（私のバージョンは8.0です）。左上にあるの？

ここでいくつかのCSS（Chrome版）を追加してみてください。 HTMLセクションの上部に<link rel="stylesheet" href="http://www.jqueryui.com/themes/base/jquery.ui.all.css">を追加します。スタイリッシュになると、その位置は魔法のように機能します！

なぜ、Chrome（とSafari、テストチームによると）がダイアログを正しく配置しないのはなぜですか？これはiframeだけではなく、フルスクリーンの結果にも同じ問題があります。

.ui-dialog { margin:0 auto; } 

を...そしてあなたはそれがしたいように、中央に配置する必要があります

Answer 1

は、あなただけの次のCSSを追加する必要があります。これを示すにはupdated your fiddleです。

Answer 2

私は実際に私たちのCSSは私たちのウェブサイトで時代遅れであることがわかりました。それを動作させるCSSは.ui-dialogが絶対的な位置を持つようにすることです。古いバージョンでは、それは相対的なもので、Webkitでそれを壊します。