定義リストdt ddを横並びで表示させる

Posted by poundhound on

定義リストであるdt ddを横並びにさせたい場合、僕はfloatを使うケースが多いのですが、Windows IE6では最初のddが約0.2emほどマージンを多く取るバグがあります。Windows IE7/Firefox/Opera、Macintosh Safari/Firefox/Operaではきちんと表示されます。

IE6では隣接セレクタに対応してないので、最初のddに適用させるクラスを記述してスターハックを適用させています。本当はあんまりハック使いたくないんですけどね。

dt   { margin-bottom: 0.25em; width: 6em; float: left; }
dd   { margin-bottom: 0.25em; margin-left: 6.5em; }
* html body dd.first   { margin-left: 6.3em; } /* for win ie6 */

Categories: CSS Tags: ,

Comment(0) | Trackback(0)

Category:CSS の最近の記事

Trackback(0)

Trackback URL: http://www.nk0206.com/mt5/mt-tb.cgi/346

Leve comment

About Author

poundhound

poundhound
web-designer
  • del.icio.us
  • flickr
  • Last FM
  • tumblr

twitter

Recent Tweet

    follow me on twitter

    Life Log

    • twilog
    • twitpic
    • pick