有没有人在使用Themeroller的主题时修复IE6中的jQuery对话框按钮格式?

时间:2008-12-10 16:53:17

标签: jquery css jquery-ui themeroller jquery-ui-theme

我使用Themeroller生成应用主题,并使用jQueryjQuery UI来创建一些modal dialog提醒。

它们在Firefox 2和3上运行良好(并且看起来很棒),但是按钮在IE 6和7上向右移动。

看起来它被IE边缘错误所困扰,但我想看看是否有一个简单的修复,然后再深入研究Themeroller CSS,或者更糟糕的是jQuery生成代码,找到一个解决方法。

以下是Firefoxen中的方框:

alt text

以下是IE6 / 7中相同的方框:

alt text

jQuery UI演示页面的按钮在IE下看起来好一点,但在调整大小栏下它们是半遮挡的。如果没有人在这说“哦,是的,这就是你如何解决它......”我将不得不将两个CSS文件并排放置并找出差异。

我看到semi-related issue,但那里的答案不适用于我的问题(因为我的对话框容器确实有ui-dialog类。

1 个答案:

答案 0 :(得分:1)

我通过一些试验和错误找到了似乎有用的东西。我仍然对更好的综合解决方案感兴趣(和/或我需要向ThemeRoller团队指出这一点)。

我对jquery-ui-themeroller.css

进行了此更改
.ui-dialog-buttonpane {
    position: absolute;
    bottom: 0;
    left:0;  /* Added this line and it makes the button pane anchor to the left */
    width: 100%;
    text-align: left;
    border-top: 1px solid #707c5a;
    background: #faf7eb;
}

我还在做一些测试,但它似乎适用于IE6 / 7和FF2 / 3.

豫ICP备18024241号-1