的jQuery UI的主题引起对话框布局（关闭按钮，大小控制放错地方）

Question

在我的Rails 3.1的应用程序，我展示一个简单的jQuery UI的对话框，在其中关闭按钮和大小控制得到放错位置（见下截图）的错误定位。

代码：

HTML：

<p id="dialog">Hello</p> 

JS：

$(function() { 
$("#dialog").dialog(); 
}); 

非常基本的东西:)这里的结果我得到：

Screenshot1

Screenshot2（关闭按钮悬停）

请注意，在他们两个关闭按钮已跳到下面的行，大小抓地力​​。

我用ThemeRoller生成我一个多云的主题。我只下载了主题css +图像，因为rails已经包含了最近的jquery和jquery-ui库。

我检查的版本，他们是：

的jQuery： 1.7.1

jQuery的UI： 16年8月1日

jQuery的UI的1.8.18.custom。 css（主题css）： 1.8.18

当下载主题文件时，我有两个选择：主题为jquery 1.3.2和1.3.2+。我有1.7.1，所以我下载了第二个。

另外一个有趣的事实是，在我的老项目中，我有几乎相同的设置，只是我使用CSS 1.8.14版本的主题，并且按钮已经就位！

我知道我可以切换并使用这个主题，但我没有用的ThemeRoller生成主题的选择！我真的很想。我确实检查了一些其他主题，但结果相同 - 错位的close和sizegrip按钮。

任何提示将是非常酷！ :)

Answer 1

我和你有同样的问题。我不得不重新下载CSS来包含对话框。一旦我指出更新后的CSS，一切都按预期工作。