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

スタイルシートの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でもきちんと行間が空くようなスタイルシートの記述方法はありますでしょうか?

●質問者: pitagora
●カテゴリ:インターネット ウェブ制作
✍キーワード:2.0 24 IE6 はてな スタイルシート
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

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

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は適度に調整)

◎質問者からの返答

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

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

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

関連質問


●質問をもっと探す●



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