WinIEやNetscapeなどはデフォルトスタイルシートでbody要素にマージンを設定しているが、Operaはデフォルトスタイルシートでbody要素にパディングを設置している。
- Category: Opera, Windows, ver.9 Under
- Tag: body, padding
例示
検証ページ「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の各要素に設定したボーダーの位置関係を比べています。
スクリーンショット
WinIE6.0での表示(標準モード)
Opera7.11での表示(標準モード)
補足
これはデフォルトスタイルシートの違いによる現象で、Operaのバグではありません。
body要素にはマージンとパディングの両方を指定するようにしてください。
修正状況
Opera6.06、Opera7.11標準モード、Opera7.11互換モードでこの現象を確認しました。


