CSSテクニックコミュのbox要素の背景画像が表示されません

脱tableを図り、CSSを勉強し始めました。
かなり煮詰まっておりまして、ご教授お願いします。
子ブロックにfloatを含んだ入れ子のboxなのですが、
背景画像が親子とも表示できません。
｢高さを指定する」
「最後にfloatを解除する」
は試したつもりですが、何を見落としているのでしょうか･･･？
ブラウザはIE6、Dreamweaver3＆手打ちを使用しています。

CSS部分
.headblock { width: 90%; height: 360px;
margin-right: auto; margin-left: auto;
background-image: url(/gazou/sozai/aoika.jpg);
background-repeat: no-repeat;
background-position: right bottom}

.kousinblock { background-image: url(/gazou/sozai/aoika.jpg);
background-repeat: no-repeat;
background-position: right bottom;
float: right;
padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px}

.titlelogo { width: 341px;
margin-left: 0px;
float: left;}

.clear{ clear: both;}

HTML部分
<div id="headblock" class="headblock" >
<div id="titlelogo" class="titlelogo" ><img src="gazou/sozai/haramiselogo.jpg" width="341" height="360"></div>
<div id="kousinblock" class="kousinblock" >略</div>
<div id="clear" class="clear" ></div>
</div>

コメント(5)

最初
全て
最新の40件

[1] mixiユーザー 02月09日 12:02

まず、
.kousinblock
float指定しているので、width指定は必須のような…

[2] mixiユーザー 02月09日 12:12

これは、サーバにアップしてからチェックされましたか？
IE6と言うことなので、Windows環境だと思いますが、Windows環境の場合サイトルートパスになっている画像は表示されないかもしれません。
※サイトルートをハードディスクのトップとブラウザが解釈するため。

CSSは外部ファイルにしていても、きっちりCSSファイルを基準に相対パスを見ますので、ドキュメント基準の相対パスでファイルを指定したほうが大抵トラブルがありません。

#余談ですが、Dreamweaver3を使うなら、StyleNoteなりその他のHTMLエディタのほうがCSSには向いていると思います。

[3] mixiユーザー 02月09日 12:26

単純に
.kousinblock { background-image: url(/gazou/sozai/aoika.jpg);
が間違ってると思うんだけど
url(./gazou/sozai/aoika.jpg);
か
url(gazou/sozai/aoika.jpg);
のどちらかにしたら表示できるはずです

[4] mixiユーザー 02月09日 15:53

ご教授ありがとうございます。

りささんのご指摘どおりサーバーにアップしてみたら、普通に表示されていました。少々拍子抜けです。

creo さんご指摘のwidthは指定がなくても表示できました。

漸狼鬼さんのご指摘のurlは直さなくとも表示できましたが（もちろん直しても表示できました。）
手打ちでないのでDW3の仕様のようです。

これからも度々お世話になるかと思います。どうかよろしくお願いします。

ログインすると、みんなのコメントがもっと見れるよ