fieldset要素の上パディングがボーダー領域の外側に設置される

症状

fieldset要素にパディングを設定すると、上パディングがボーダー領域の外側に設置される。

例示

<form style="padding:0; border:2px solid blue;">
<fieldset style="margin:0; padding:1em;">
<legend style="margin:0; padding:0;">フォーム例</legend>
<div style="border:2px solid red;">
<input type="text"></div>
</fieldset>
</form>

fieldset要素の四方に1emのパディングを設定しています。form要素のパディング、fieldset要素のマージン、legend要素のマージンとパディングはそれぞれ0にしています。

スクリーンショット

N7N7.02での表示(標準モード)

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

補足

スクリーンショットでは左パディングが正常に設置されていますが、環境によっては左右パディングがまったく設置されないことがあるようです。

修正状況

WinIE5.5、WinIE6.0標準モード、WinIE6.0互換モードで不具合の発生を確認しました。

関連記事

スポンサーリンク

SUM関数 合計値を求める

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

上に戻る