背景色が表示されない＞＜

解決済

質問者：goaldast
質問日時：2009/07/15 14:09
回答数：4件

下記のように設定していますが、背景色が表示されません。
解決方はありますでしょうか？
【html】
<div id="header">
<div id="h_contents">

<div id="h_left_pr">
ｄｄｄx
</div>

<div id="h_wrapper">

<div id="right_top_area">
テキストリンクエリア
</div>

<div id="h_main_box">

<div id="h_main_left">
ロゴエリア
</div>

<div id="h_main_right">

<div id="h_search_area">
サーチエリア
</div>

<div id="h_map_area">
マップエリア
</div>

</div>

</div>

</div>

</div>
<div style="clear:both "></div>
</div>

【css】
#header{
width:100%;
background-color:black;
}

#h_contents{
width:1240px;
margin:0 auto;
}

#h_left_pr{
float:left;
width:120px;
background-color:red;
}

#h_wrapper{
float:right;
width:1000px;
margin:0 120px 0 0;
padding:0;
background-color:blue;
}
#h_wrapper{
>margin:0 60px 0 0;
}

#right_top_area{
clear:both;
float:right;
background-color:green;
width:350px;
}

#h_main_box{
clear:both;
background-color:yellow;
}

#h_main_left{
float:left;
width:200px;
background-color:purple;
}

#h_main_right{
float:right;
width:800px;
background-color:orange;
}

#h_search_area{
clear:both;
float:left;
width:500px;
background-color:gray;
}

#h_map_area{
float:right;
width:300px;
background-color:darkblue;
}

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (4件)

No.4

回答者： askaaska
回答日時：2009/07/15 16:50

#3さんの言うとおり

理想と現実がわからないとどうすることもできないわ。
私の環境では何の問題なく黒い部分が表示されているし。

もしも、提示している以外の要素があるなら
そこに原因があるのかもよ？

- 0
- 件

通報する

No.3ベストアンサー

回答者： abril
回答日時：2009/07/15 16:20

ソースをそのままコピペしてサンプル（HTML 4.01 Strict）で検証してみましたが、IE、Firefox共に「ｄｄｄx」の周辺と、幅1240pxを超えた時点からの右端に黒い背景色がちゃんと表示されていますが？

ただし、IE6では<div id="h_left_pr">ｄｄｄx</div>のコンテナが右隣のコンテナh_wrapperと隙間無くくっついていますが、IE7及びFirefox等では余白ができる為、そこの見え方は異なっている様ですが…どちらが意図した結果でしょうか？

トラブルがこちらの環境では再現されないので問題点を明らかにする為に、

・質問者様の環境では、現在どの様に見えているのか？（スクリーンショットを添付）
・本当はどう見えて欲しいのか？

を明らかにして頂けますでしょうか？

- 0
- 件

通報する

この回答へのお礼

ありがとうございます。
1240pxの両端からブラウザの両端まで黒の背景が伸びて表示されるというのが理想の完成図です。

理由はわかりませんが、必要だったため、エンコードでshift-jisからeuc-jpへ変更したところ、なんと！ie6,fire foxともに問題なく表示されるようになりました。

通報する

お礼日時：2009/07/15 17:48

No.2

回答者： yuzuru0024
回答日時：2009/07/15 14:36

実際のソースのは

<html>
<body>

</body>
</html>

タグをちゃんとつけていますか？
仮ということで、はしょっていませんか？
実は、
<html>
<body>

</body>
<html>
とかなっていませんか？

この回答への補足

ありがとうございます。
html,bodyともにきちんとつけています。

大外の背景blackの箇所のみ表示されないのです・・・＞＜

補足日時：2009/07/15 15:28

通報する

- 1
- 件

通報する

No.1

回答者： askaaska
回答日時：2009/07/15 14:30

> 背景色が表示されない

沢山あるみたいだけど、どれが表示されないの？
１つ？それとも全部？
また、どのブラウザで表示されないの？

IE7ではカラフルなのが表示されたけど。

ところで、CSSが別ファイルな場合、
単純にCSSの読み込みに失敗している可能性もあるけど
（パスが間違っているとかで）
その可能性はないと思っていいのかしら。