MSIE「徐々にずれてゆくスタイル」対策 @ ぽかぽかWeb研究室

どんな現象か 既にマージンが存在するul, ol, dl, blockquote 各要素に対し、 padding-bottom と border-left-width を同時に指定すると、下に進むにつれてレンダリングがずれていく現象です。 この現象は、 WinIE 5.5/6.0 でのみ見られる現象ですが、シェアが非常に大きい関係で、これらのバグを見過ごすことは出来ません。 回避する方法 子要素にのみスタイルを指定する padding-bottom と border-left-width を子要素に指定することにより、バグを回避する方法です。以下に例を示します。 blockquote p{ padding-bottom:5px; border:3px; } width:100% を利用する ul, ol, dl, blockquoteに対し、 width:100% を設定すれば、取り敢えず

[nopop]

左にどんどんずれていく。