IE8のバグ

投稿日：2013年08月01日

投稿カテゴリー： SE4

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

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

↓

このような状態です。

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

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

SE4：TO