イメージが最小化されたFirefoxウィンドウで適切にサイズ変更されない

Question

私はサイトで作業しています。問題の問題のページはこちらです：

http://bit.ly/I4YR2T

現在、私は、テーブル内のイメージを持っています。これらの画像にはShadowboxも使用しています。

ChromeとSafariのブラウザウィンドウを最小限にすると、画像のサイズがうまく縮小されます。

しかし、Firefoxでウィンドウを最小化すると、画像がうまく縮小されません。

このページは、ほとんどの面倒を見ていますが、私はFirefox全体のサイズがChromeのようにうまく縮尺されていないことに気付きました。& Safari。私はまだIEをチェックしていない。

私は、これは私の一部の不気味なCSSが原因であることがわかっています。

誰でもこの問題の解決方法を教えてもらえますか？

ありがとうございました！

Answer 1

this answer "最大幅はインライン要素には適用されないため、ブラウザ間で動作に一貫性がなくなります... div img {display：block}を設定してimg ...タグ標準のインラインの代わりに浮動小数点数を使用します。おそらく、あなたのテーブルを取り除くか、テーブルセルをブロックとして表示するように設定することを意味します。

Answer 2

Firefoxと同じ問題がありました。 Chromeで動作するようにしましたが、Firefoxはコードを表示しませんでした。だからここに私がやったことです：

/* begin HeaderObject */ 
.banner-img { 
    display: block; 
    margin: 0 auto; 
    max-width: 99%; 
    left: 50%; 
} 
/* end HeaderObject */ 

私はmax-width〜99％に変更し、それが正しく表示され、正しくリサイズ。ヘッダーオブジェクトはCSSのヘッダーの内側に配置されていたので、ヘッダーの内側に「入れ子になっている」ように小さな幅で作業できるかどうかをテストしました。次に、画像を中央に表示したいので、left: 50%;コードを追加しました。今素晴らしい仕事。