画像挿入による行間の崩れについて

[統計] HTMLからXHTMLへの移行を進めていますか?



0   名前: あや : 2007/03/10(土) 23:42  ID:2n1DUHz9 sub-t1
 小説のメニューページを作り、スタイルシートで行間を指定しました。
 しかし、タイトルの後に新着を示すために画像を挿入すると、画像を挿入した行とその前後行の合わせて三行はなぜか行間が指定したものよりも狭くなってしまいます。
 line-heightの値をいじったりしてみましたがこの現象は直りませんでした。
 この現象を直す(画像を挿入しても行間を変化なくさせる)にはどうしたらいいのでしょうか?

 申し訳ありませんが、もともとのサイトはその性質上表には出せないので、問題箇所のみ別アドレスにてアップさせていただきました。(質問が解決しましたらすぐ削除いたします)
 htmlもスタイルシートも本サイトで使っているものと全く同じです。006〜008の行間隔が他に比べて狭いことが分かっていただけると思います。
 問題のページ:http://tazuneru.tuzikaze.com/text.html
 スタイルシート:http://tazuneru.tuzikaze.com/style.css


1   名前: 匿名 : 2007/03/10(土) 23:42  ID:Z/T9lFdK sub-kJ
IE のバグ。
http://cssbug.at.infoseek.co.jp/detail/winie/b075.html

(margin|padding)-right と vertical-align を指定したら直ったような記憶もあるが、今 IE が手元にないので確認していない。

2   名前: あや : 2007/03/10(土) 23:42  ID:2n1DUHz9 sub-t1
 ありがとうございました!
 IEのバグだったのですね。なにかcssにミスがあるとばかり思っていました…。
 教えてくださったmargin-rightやvertical-alignをいじる方法も試してみました。ですが私のやり方が悪いのでしょう、一向に解消されませんでしたので、開き直って単純に画像にmarginを指定することにしました。
 それでも文字サイズを変化させる(&他ブラウザから見る)と多少不自然になってしまうのですが、うまく指定すれば気になるほどでもなかったので、一番簡単な方法をとることにします。

 教えてくださり、本当にありがとうございました!

一覧へ戻る