注目タグ

テンプレート・プラグイン

トピック詳細

dd の文字の位置の指定方法

お世話になります。
現在のテンプレートの目次の部分なのですが、dl dt dd のddに表示される文字の左側の表示位置の変え方がよく分かり ません。

.mokuji dd{font-size:95%; margin-left:2.3em;}

(.mokujiはdivのクラス名です)
とやったところ、FireFoxでは思惑通りの位置に表示されますが、IEではものすごく間が空いてしまっています。というか IEでの表示位置はどう見ても2.3emの長さではないのです。。。

一体何が原因なのか・・・途方に暮れております。
marginもpaddingも何も指定しない状態では、FireFoxでもIEでも同じ位置に表示されているのです。。。

お手数ですがお分かりの方よろしくお願いします。

2010年10月29日 22:08  by 

コメント一覧 2件中、1~2件表示

  • おかげさまで解決しました。
    ありがとうございました(^^)

    2010年10月30日 02:12 by

  • IEだけ表示がおかしいのならば * を使ってハックするのは
    いかがでしょうか?
    例えば…

    .何か適当なクラス値 {
    margin-left:2.3em;
    *margin-left:2.0em;
    }

    とすれば、IEだけに2.0emの処理が実行されます。
    文法的にはよろしくないバグを利用した修正法ですが、
    IEだけに調整を加えたいなら手段の一つとして
    考えるのもよいかと思います。

    2010年10月29日 22:37 by しず