html要素にスタイルを設定できない

症状

WinIE5はbody要素が初期コンテナブロックを生成するため、CSSにおける木構造のルート要素になる。従ってhtml要素に指定したスタイルの多くは無視される。

  • マージン領域やパディング領域は存在しない。
  • html要素とbody要素の両方にボーダーを設定した場合、html要素のボーダーはbody要素のボーダーに上書きされる。
  • html要素とbody要素の両方に透明でない背景を設定した場合、body要素の背景がhtml要素の背景を完全に隠す。
  • html要素の内容物のはみ出しをoverflowプロパティによって制御できない。
  • 閲覧領域のスクロールバーはbody要素に属する。

例示

<style type="text/css">
html {
  margin: 0;
  padding: 0;
  background-color: #808080;
}
body {
  margin: 1em;
  padding: 0;
}
</style>

body要素のボックスの周囲に、背景が灰色で塗りつぶされた領域があるはずです。

スクリーンショット

Ns7.1Netscape7.1互換モード

WinIE6.0WinIE6.0互換モード

修正状況

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

スポンサーリンク

関連記事

スポンサーリンク

mkfs ファイル・システムを構築する

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

上に戻る