IE6でのdl,ddでの改行した場合のずれ
<div id="foo"> <dl> <dt>その1</dt><dd>その1データ</dd> <dt>その2</dt><dd>その2データ<br>その3データ</dd> </dl> </div>
のようなhtmlがあり、スタイルシートにて、dt,ddが水平になるように、
#foo { clear: both; } #foo dt { float: left; clear: left; } #foo dd { padding-left: 4em; }
のようなことをしているとIE6のみ、dd中の改行以降が1行目とくらべると若干ずれる。IE7やFirefoxでは問題ない。しょうがないので、
<div id="foo"> <dl> <dt>その1</dt><dd>その1データ</dd> <dt>その2</dt><dd>その2データ</dd> <dt> </dt><dd>その3データ</dd> </dl> </div>
としているのだが、これなんとかならないのであろうか?>IE6
2007-09-25追記
ddに以下のように追加することでIE6の問題はクリアされるようです。
#foo dd { height: 1%; padding-left: 4em; }
ありがとうございました。>id:Yuichirouさん。