webデザイン, コーディング

webサイトのコーディングをしています。下のようなコーディングをしているのですが、div内に指定したbackgroundが<dl>内に反映されません。何故かわかりません。原因が分かる方教えてください！

<div style="background: url(....) repeat;">
<dl>
<dt style="float: left">title</dt>
<dd style="float: right">contents</dd>
</dl>
</div>

No.2 ベストアンサー 回答者： mat-21 回答日時： 2011/03/29 02:02

<dt>と<dd>がfloatしているので、そのような現象がおきます。

floatしている<dt>と<dd>をclearしなければなりません。
よって、以下のようにすれば一応解消されるけど....

<div style="background: url(....) repeat;">
<dl>
<dt style="float: left">title</dt>
<dd style="float: right">contents</dd>
</dl>
<br style="clear: both">
</div>

上記ですと、<br>分隙間が出ます。
ですので、<br>のstyleを
<br style="clear:both; font-size:0px; line-height:0px;">
という風に理屈ではそうですが、ブラウザで確認していないので、
あしからずです。。。

No.1 回答者： naokita 回答日時： 2011/03/26 16:55

clearしていないから

divが空状態になので認識されない・・・

clear方法はコンテンツやブラウザによって各種あります。
調べましょう。

誰もが必ず間違えるところですｗ