2006年02月20日

line-heightと<dl>とborder

<body>とかでline-heightを指定していると、<dl>にborderを付けようとした時に項目毎にborderが付いてしまう件。
<body>
<dl>
<dt>その1</dt><dd>これはこう</dd>
<dt>その2</dt><dd>それはそう</dd>
<dt>その3</dt><dd>あれはああ</dd>
</dl>
</body>
body {line-height: 1.5;}
dl {border: 1px solid;}
dt {float: left;}
dd {margin-left: 8em;}
と、<dl>全体を枠で囲みたいのですが、IE6だと
その1 これはこう
その2 それはそう
その3 あれはああ
となってしまうのです。

<body>のline-heightを削除すれば、全体を枠で囲むようになります。
その1 これはこう
その2 それはそう
その3 あれはああ


<dl>のfloat設定を削除しても、全体を枠で囲むようになります。
posted by ほえ at 17:45| Comment(0) | TrackBack(0) | XHTML+CSS | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

この記事へのトラックバックURL
http://blog.seesaa.jp/tb/13515895
※言及リンクのないトラックバックは受信されません。

この記事へのトラックバック
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。