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 · ベストアンサー

<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

clearしていないから
divが空状態になので認識されない・・・

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

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