背景やボーダーがブロック全体に表示されない

症状

ブロック要素に指定した背景やボーダーが、要素の内容物に対応した部分にしか表示されない。

例示

<p style="background:aqua; border:2px solid blue;">CSS</p>

CSS

スクリーンショット

WinIE6WinIE6.0での表示

NN4NN4.78での表示

補足

マージンを指定することでこの不具合を回避できます。ボーダーのプロパティ、マージンのプロパティを両方指定することでこのバグを回避できます。ただし、colorプロパティが無効になるバグが発生するため、文字色がデフォルトのままになりますフォント関連のプロパティや前景色の指定が無視され、これらは全てデフォルト値になります(NNバグ012参照)。なお、ボーダーの内部が背景色で完全に塗りつぶされない現象は回避できません。

マージンやボーダーが必要ない場合でも必ずプロパティを指定してください。マージンを必要としない場合は幅を0に、ボーダーを必要としない場合はborder-styleでnone値を指定してください。

<p style="margin-left:0; background:aqua; border:2px solid blue; color:green;">CSS</p>

CSS

修正状況

NN4.78では不具合の発生が確認されました。

スポンサーリンク

関連記事

スポンサーリンク

海に入りたいんだけどね

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

上に戻る