HTML/CSSで、dt,ddを使って下記の表現を行いたいのですが、IE5~7(IETesterによるチェック)において、ddの文頭が3文字くらい右にずれてしまいます。お手数ですが、対処方法を教えていただけないでしょうか。


●期待する表現
平成22年11月11日
新着情報新着情報新着情報新着情報

●IE5~7の表現
平成22年11月11日
   新着情報新着情報新着情報新着情報

※Firefox3、IE8は期待するとおり表現されます。


●HTML
<body>
<dt>平成22年11月11 日</dt><dd>新着情報新着情報新着情報新着情報</dd>
</body>

●CSS
body,dl,dt,dd { margin:0; padding:0; }


※今のところの私の見解
デフォルトのmarginによるもので、CSSでclearしているつもりなのに読み込んでくれないのが原因だと思っているのですが・・・。
それとも、IETesterに問題があるのでしょうか?

どうぞよろしくお願いいたします。

回答の条件
  • 1人3回まで
  • 登録:
  • 終了:2010/04/19 15:35:12
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

ベストアンサー

id:GreenStar No.1

回答回数192ベストアンサー獲得回数46

ポイント100pt

あまり検証していませんが以下のように指定してみてください。

<html>
<head>
    <style>
        body,dl,dt,dd { margin:0; padding:0; }
        dl { text-indent:0px; }
    </style>
</head>
<body>
    <dl>
        <dt>平成22年11月11 日</dt><dd>新着情報新着情報新着情報新着情報</dd>
    </dl>
</body>
</html>
id:thikipedia

text-indentが原因だったんですね。

おかげさまで解決しました。

有難うございました。

2010/04/19 15:34:52

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません