スタイルシートのline-heightに関する質問です。


<img src="Images/mark.gif" width="17" height="15" />はてな<br>
<img src="Images/mark.gif" width="17" height="15" />はてな<br>

このように画像が含まれている行にスタイルシートで「line-height:1.6;」のように指定するとFirefox2.0やOpera9.24ではきちんと行間が空くのですが、IE6.0では設定が反映されません。

IE6.0でもきちんと行間が空くようなスタイルシートの記述方法はありますでしょうか?

回答の条件
  • 1人2回まで
  • 登録:2007/11/10 11:12:53
  • 終了:2007/11/10 12:00:06

ベストアンサー

id:wizemperor No.1

wizemperor回答回数379ベストアンサー獲得回数522007/11/10 11:45:38

ポイント100pt

IEのバグです。

http://cssbug.at.infoseek.co.jp/detail/winie/b075.html


<p><img src="Images/mark.gif" width="17" height="15" />はてな</p>
<p><img src="Images/mark.gif" width="17" height="15" />はてな</p>

などとして、CSSを


p img { 
 padding: 0.3em 0;  /* IE 6向け */
 vertical-align: middle; 
} 

/* IE以外とIE7向け */
p>img {
 padding: 0;
}

のような感じにすればそれっぽくはなります。

(0.3は適度に調整)

id:pitagora

どうもありがとうございます(^^)

無事IE6.0のほうにも反映させることができました。

とても丁寧に教えてくださいまして、ありがとうございました。

2007/11/10 11:59:30

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

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

トラックバック

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

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

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません