body要素の内容領域をはみ出す部分がレンダリングされない

症状

body要素の子孫要素でマージンを負数にしてbody要素のボックスからはみ出すようにした場合、標準モードではbody要素のボックスをはみ出す部分がレンダリングされない。

例示

<div style="margin:0 -2%; border:4px solid red;">A</div>
A

div要素は左右マージンを負の値にしているので、body要素のボックスをはみ出すことになります。

スクリーンショット

緑色の破線はbody要素に設定したボーダーです。

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

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

補足

body要素の外側に文字列などが配置される場合はその部分がレンダリングされます(例示では左端の文字'A'がある部分)。

修正状況

WinIE6.0標準モードで発生するバグです。IE6.0互換モード及び5.5以前では発生しません。

スポンサーリンク

関連記事

スポンサーリンク

format-patch

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

上に戻る