IE8のバグ

現在担当している案件で、IE8によるバグに悩まされました。

現象としては、指定したサイズの四角形の中に画像を縮小表示させる際に、画像の周りに余計な隙間ができレイアウトが崩れてしまうというものです。

IE以外でのブラウザ表示

IE以外でのブラウザ表示

IE8での表示

IE8での表示

このような状態です。

縮小の際にCSSの「max-width」と「max-height」を指定して対応していましたが、IE8ではなぜか余計な空白ができてしまい、なかなか解決しません。

小一時間ほどいろいろ試してみましたが、CSSでの実装を諦め、JavaScriptにて指定することで対応することができました。
解決できて本当に良かったです。

SE4:TO