br要素があるときに縦方向マージンを少なく解釈する

症状

親要素内で、包含している最後のブロックレベル要素の直後にbr要素を置くと、親要素の縦方向マージンが指定値よりも少なく解釈される。

例示

<div style="margin:2em; border:2px solid red;">
<p style="border:2px solid green;">A</p>
<br>
</div>
<div style="border:2px solid blue;">B</div>

赤い実線ボーダーのdiv要素は四方に2文字分のマージンを設定しています。従って、上下左右のボーダーの周りに同じサイズの空間ができるはずです。

スクリーンショット

Moz1.0.1Moz1.0.1での表示(標準モード)

WinIE6WinIE6.0での表示(標準モード)

修正状況

WinIE6.0では標準・互換モードともに不具合の発生が確認されました。

WinIE7でも発生します。

スポンサーリンク

関連記事

スポンサーリンク

基本的な特徴

ホームページ製作・web系アプリ系の製作案件募集中です。

上に戻る