Кто-нибудь исправил формат диалоговых кнопок jQuery в IE6 при использовании темы Themeroller?

Я использовал Themerollerдля создания темы приложения, и я использую jQueryи jQuery UIдля создания некоторых modal dialogпредупреждений.

Они отлично работают (и отлично выглядят) в Firefox 2 и 3, но кнопки в IE 6 и 7 смещены вправо.

Похоже, что это укушено ошибками в IE, но я хотел посмотреть, было ли простое исправление, прежде чем копаться в Themeroller CSS или, что еще хуже, в коде генерации jQuery, чтобы найти обходной путь.

Вот как выглядит окно в обоих Firefoxen:

альтернативный текст

А вот как выглядит тот же блок в IE6 / 7:

альтернативный текст

Кнопки демонстрационной страницы пользовательского интерфейса jQuery в IE выглядят немного лучше, но под полосой изменения размера они почти не видны. Если здесь никто не скажет: «О, да, вот как вы это исправите ...» Мне придется поместить оба CSS-файла рядом и выяснить разницу.

Я вижу частично связанную проблему , но ответ там не относится к моей проблеме (потому что мой контейнер диалога имеет класс ui-dialog.

10.12.2008 16:53:17
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.

1
10.12.2008 17:13:03