Home > Windows > Opera > ver.9 Under fieldset要素の上パディングがボーダー領域の外側に設置される

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

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

例示

<form action="./" 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での表示(標準モード)

Op7Opera7.11での表示(標準モード)

補足

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

修正状況

  • Opera7.11標準モード、Opera7.11互換モードで不具合の発生を確認しました。
  • Opera6.05でこの不具合は発生しません。

Home > Windows > Opera > ver.9 Under fieldset要素の上パディングがボーダー領域の外側に設置される

Search
オススメ書籍
Feeds

Return to page top