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

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

1 голос
/ 10 декабря 2008

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

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

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

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

alt text

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

alt text

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

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

1 Ответ

1 голос
/ 10 декабря 2008

Я нашел то, что, кажется, работает немного методом проб и ошибок. Я все еще был бы заинтересован в лучшем комплексном решении (и / или мне нужно указать это команде 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.

...