ＤＤ要素の余白について

[新着] Webテンプレートを仮オープンしました

0   名前： X ： 2007/01/13（土） 16:50  ID:r1YbuvIe
ＤＤ要素について、displayをインラインにするとどうしてもＩＥ６．０以上では余白が入ってしまいます。
また反対にＮＮ７．０以上では余白が入りません。ブラウザを選ばない余白設定をするにはどうしたらいいでしょうか。教えて下さい。
1   名前： key-child ： 2007/01/13（土） 16:50  ID:2kGJVJwY
どこに余白が入るのかがよくわかりません。
ソースを提示し、具体的に説明をお願いします。
2   名前： X ： 2007/01/13（土） 16:50  ID:r1YbuvIe
説明内容不十分ですみません。
余白とはＤＤ要素内での文章の周りに入る余白のことです。
その余白が表示するブラウザによって、無くなったり入ったりします。
表示するブラウザを選ばない余白の指定方法、お願いいたします。

ソースコードです。

<dl style="padding:1px;">
<dd style="display:inline; padding:1px;"><a href="/">A</a></dd>
<dd style="display:inline; padding:1px;"><a href="/">B</a></dd>
</dl>
3   名前： key-child ： 2007/01/13（土） 16:50  ID:2kGJVJwY
dd要素のスタイルにmarginを追加すれば余白を自由に設定できます。

あまり関係ないですが、
ol要素もしくはul要素の方が妥当な気がします。

> ＮＮ７．０以上では余白が入りません
入っているようですが？
4   名前： X ： 2007/01/13（土） 16:50  ID:r1YbuvIe
お返事ありがとうございます。
早速、試して見たいと思います。
一覧へ戻る