dreamweaverで画像の右に文字を回り込ませると背景色も上にあがってしまいます。

解決済

質問者：riko421
質問日時：2009/03/07 11:43
回答数：1件

すみません。ちょっと分かりにくいのでタグを貼り付けます。

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無題ドキュメント</title>
<style type="text/css">

</style>
</head>

<body>
<div id="contents"><img src="file:///C|/Documents and Settings/administrator.JITSUGYO/デスクトップ/佳山/dreamweavercs3 cd-rom/lesson01/images/item_02.jpg" width="250" height="200" class="photo" />
作家さんがひとつひとつ丁寧に心をこめて作り上げた器は見ているだけでも心がなごみます。器をひとつ変えるだけで食卓の雰囲気ががらりと変わり、ちょっと贅沢な気分があじわえます。
</div>
</body>
</html>

「これからはじめるdreamweaverの本」を購入し、その通りにやったときは問題なかったんです。
自分で画像を用意して、テキストを打ち、divを挿入。そしてdivにcssルールを設定（このときに背景色を設定）したまではよかったのですが、その次に「.photo」に対して回り込みの設定をしたら、おかしくなります。たしかに画像の右側にテキストが表示されるのですが、どうやらdivの範囲（？）もテキストと一緒に上にいってしまい、せっかく指定した背景色までテキストにくっついていってしまっている感じです。
画像の右側にも背景色が表示されないのはどうしてなんでしょうか？どなたかお分かりの方いらっしゃいましたらよろしくお願いします。