1

他の主要な Web ブラウザー (Chrome、Firefox、Safari) では正常に実行できましたが、IE6/IE7 で「適切な」レイアウトを使用する際に問題が発生しました。

申し訳ありませんが、JSFiddle でエラーを再現できないため、ここで Web サイトの URL を示します。Web サイトでは、右側の 3 つの画像サムネイルの高さを設定したいだけです (In-House Guru セクションの下)。
以下のように高さを設定しました。

.in-house-guru .ihg-thumbnail {
  height: 112px;
}

ただし、同じ高さではなく、異なる高さになります。さらに悪いことに、IE 開発者ツールを使用してコードをデバッグし、ブラウザーに高さを直接挿入 (設定) しようとしても、何も起こりませんでした。
css で高さを 500px 増やすと、高さも増えますが、高さが異なります (例: 477px、495px、120px)。

追記:
ここでは Zurb-Foundation 3 のコンパスを使用しています。以前は、グリッドが IE7 をサポートしていなかったため問題がありましたが、幸いなことに、Schepp の boxsizing.htc スクリプトを使用して修正できました。
IE7 のブラウザ モードで IE9 を使用してテストしました。

誰でも、私を助けてください。それは私の髪を引き裂きます。
前もって感謝します。

4

1 に答える 1

0

問題は画像ではなく、実際のスタイルですli

.block-grid.two-up > li {
    padding: 0 5px 11px;
    width: 50%;
}

最初の画像のpadding-bottom11px が 2 行目の 3 番目の画像と重なるため、問題が発生します。

以下のように、li に 5px の一定のパディングを与えます。

.block-grid.two-up > li {
        padding: 5px;
      }

私の問題を解決するようです。

于 2012-12-18T14:53:11.230 に答える