web dimension maker

最近はActionscriptネタが多いのですが、今回はCSSネタです。

• [使える CSS テクニック] CSS で DL を float して表組みのように表現する | バシャログ。
• CSS - dtをfloatする場合の注意点 | Try | d-spica

上記が以前から気になっていたので試してみます。

サンプルはこちらから。

気になっていたのは、ｄｔ に画像などの dd より高さが大きなものがきた時です。案の定、崩れました。

もしそれをやるなら、一番下のサンプルのように dt dd を1セットづつ dl で括っていくしかないようです。

ちなみに、サンプルはMacでは検証してないです。ご注意ください。したのは win(xp) の IE6,7、FF2.0、Opera9.5、safari3 です。