【IEバグ対応】IE7で絶対配置した要素が縦にずれるバグの対応

あるサイトで下記のサイトで紹介されている事案と全く同じ現象にやられました。
対応策を調べている過程でたどりついたのですけどね・・・。

どうやらIE7にはpositionプロパティがらみで座標が再計算されないという固有のバグがあるようで、回避方法としてはposition:relative;を指定している要素の親の要素にheight:100%;を指定するとよいようです。

IE7でのみpositionした要素が縦にずれるバグ - FSFIELD Labs

とりあえず、下記のようなコードを書いて対応しました。

html

css

IEという巨悪が駆逐されて世の中から消えてなくなることを願うばかりです。

投稿日
カテゴリ