人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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に問題があるのでしょうか?

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

●質問者: thikipedia
●カテゴリ:インターネット ウェブ制作
✍キーワード:11月 11月11日 BODY CSS dd
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● GreenStar
●100ポイント ベストアンサー

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

<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>
◎質問者からの返答

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

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

有難うございました。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ