Home > Windows > Opera > ver.9 Under body要素周囲の余白をパディングで設定している

body要素周囲の余白をパディングで設定している

WinIEやNetscapeなどはデフォルトスタイルシートでbody要素にマージンを設定しているが、Operaはデフォルトスタイルシートでbody要素にパディングを設置している。

例示

検証ページ「fig1.html」:

<style type="text/css">
<!--
html {
    border-left: 5px solid red;
}
body {
    border-left: 5px solid blue;
}
p {
    border-left: 5px solid fuchsia;
}
-->
</style>

<body>
<p>←</p>
.....
</body>

検証ページではhtml, body, pの各要素に設定したボーダーの位置関係を比べています。

スクリーンショット

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

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

補足

これはデフォルトスタイルシートの違いによる現象で、Operaのバグではありません。

body要素にはマージンとパディングの両方を指定するようにしてください。

修正状況

Opera6.06、Opera7.11標準モード、Opera7.11互換モードでこの現象を確認しました。

Home > Windows > Opera > ver.9 Under body要素周囲の余白をパディングで設定している

Search
オススメ書籍
Feeds

Return to page top