CSSの最大幅がul li divで機能しない

Question

サムネイルの周りにフレームがあるギャラリーがあります。サムネイル画像を縮小するためにmax-widthを使用しています。そのため、すべてがうまく並んでいますが、画像は縮小しますイメージが大きくなったかのように、フレームの最大幅がまだ拡大しています。私はliにmax-widthを追加しようとしましたが、無駄です。 ここには、IEの店舗全体でChromeとFFのbtで素敵でユニフォームに見えるページへのリンクがあります。任意のヘルプの事前にhttp://wedding-photography-gloucestershire.co.uk/wedding-photography-gallery.php?gallery=Getting%20Ready

Wedding Photography Gallery

感謝。

これは..

.highslide-ギャラリーのULのLi { 表示フレームスタイルである：ブロック。 位置：相対; float：left; 幅：106px; 身長：106px; ボーダー：1pxソリッドシルバー; マージン：2ピクセル; line-height：0; オーバーフロー：非表示。 背景色：＃000; 最大幅：106ピクセル; }

IEの最大幅の問題の解決策として別のWebサイトで見つけたものを追加しようとしましたが、実際には分かりません。

幅：式（document.body.clientWidth> 106？ "106px"： "auto"）; でもまだ動作しませんでした。

ありがとうございます。

Answer 1

IEは、他のブラウザとは異なる方法でパディング/マージンを処理します。私はあなたのスタイルシート（ハイサイド）を見て、具体的にはスタイルシートを持っていなければなりません。そして、あなたが他のブラウザーにどのように変更を加えたかについて心配することなくIEを特にターゲットにすることができます。私は個人的にそれをしませんでしたが、私はWeb開発で実験していました。

何がうまくいかず、どこが間違っているのかを把握する最も簡単な方法は、火薬虫を使用することです。 SafariとIEにも同様のデバッグ環境があります。火かき棒の使用に関する実際の良いチュートリアルがありますhttp://net.tutsplus.com

幸いです。