CSSについて教えてください。
以下のURLのページ
http://www.home-p-test2.com/ok.html
で、配置したボックスwrapperをページ下部までいっぱいに表示させたいと思っています。切れ目なく右のグレーの背景画像と左右のボーダーを表示したいのです。
上記URLはOKなのですが、中のコンテンツが下に長くなり、スクロールが出ると、IE7のみ、ページに表示されていない部分が
切れてしまいます。（スクロールすると、スクロールして見えてくる下の部分のボーダー線と背景画像が表示されないで消えている）
IE7のみボックスのwrapperがページ全体に広がらないのです。
以下がNGのページです。
http://www.home-p-test2.com/ng.html
IE6,FirefoxはOKなんですが...
なにか単純なコードミスかもしれません...はまってしまいまして...どなたか教えていただけないでしょか？
よろしくお願いします。
ベストアンサー
-
やちまう
満足40pt
bodyセレクタのheightプロパティを指定しなければOKなのでは？
body{ margin: 0; padding: 0; /* height: 100%;*/ text-align: center; background-color: #FCC }
コメントアウトしただけで直りました…。
-
moriamko44728
-
moriamko44728その他の回答
-
やちまう
満足40pt
（↑についての補足です。）
IE7のレンダリングはご存じの通り「標準モード」と「互換モード」がありますが、
標準モードではソースを読み込みながら、DOM要素を外側からレンダリングしているような気がします。（推測）
bodyセレクタを解釈した時点ではBODYタグの“中身”がレンダリングされておらず、
とりあえずの可視部分（つまり、ブラウザのウインドウ範囲）をレンダリング確定（height:100%;）してしまい、
その後でBODYタグの中身がレンダリングされて、要素がはみ出てしまうのではないでしょうか。
DOCTYPE宣言を外して「互換モード」でレンダリングさせると現象が起こりませんので、
IE7の表示モードに起因したもののように思います。
-
moriamko44728
-
この質問へのコメント
質問の情報
- 登録日時
- 2009-08-07 23:23:51
- 終了日時
- 2009-08-08 16:54:34
- 回答条件
- 1人10回まで
この質問のカテゴリ
この質問に含まれるキーワード
人気の質問
-
親族（実家）の犬が無駄吠えをしています。朝方に一時間くらい吠えているらしい。昼にも一時間くらい吠え続…
匿名質問者
1
1
-
東京都は山に四方を囲まれています。風水的にはどうですか？。匿名質問者1
-
誰か読んでくれませんか？ ゲームの話です アンダーテールっていうんですけど 話し相手が全然いないんです…
yun_1024
-
スマホ（アンドロイド）に、TypeAppを入れております。登録になっているメアドのいくつかを削除したいので…匿名質問者
1
-
アスペルガー精神3級会社員男性(34歳独身)です。 元々眠りが浅いのに最近尚更深刻な夢や深く考え過ぎる夢を…
hayakushinene