1

以前Themerollerはアプリのテーマを生成していましたが、アラートを作成するためにjQueryandを使用しています。jQuery UImodal dialog

Firefox 2 および 3 では問題なく動作します (見栄えもよくなります) が、IE 6 および 7 ではボタンが右にずれます。

IE のマージン バグに悩まされているようですが、回避策を見つけるために Themeroller CSS またはさらに悪いことに jQuery 生成コードを掘り下げる前に、簡単な修正があるかどうかを確認したかったのです。

ボックスは両方の Firefoxen で次のように表示されます。

代替テキスト

同じボックスが IE6/7 でどのように見えるかを次に示します。

代替テキスト

jQuery UI のデモ ページのボタンは、IE では少し見栄えがよくなりますが、サイズ変更バーの下では少し隠れています。ここで誰も「そうそう、修正方法は次のとおりです...」と言わない場合は、両方の CSS ファイルを並べて配置し、違いを把握する必要があります。

部分的に関連する問題が表示されますが、そこにある答えは私の問題には当てはまりません (私のダイアログ コンテナーには ui-dialog クラスがあるためです。

4

1 に答える 1

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 で動作するようです。

于 2008-12-10T17:13:03.893 に答える