ＩＥとfirefox、行間の表示が異なってしまう

質問

ulタグをline-heightで行間指定した場合、firefoxとIEでは表示が異なってしまいます。
firefoxでちょうど良い行間にするとIEでは詰まりすぎて文字がつぶれてしまったり。

解消方法を教えていただけないでしょうか？

回答No.1

goldfox · ベストアンサー

line-heightの数値はpx指定ですか？％指定ですか？
IEはpxやptなどでフォントサイズを固定できますが、Firefoxではフォントサイズの固定ができません。
行間をpxなど固定サイズで指定していたとき、文字サイズが変われば行間も見た目が変わってしまいます。

「行間を指定する」
http://www.tagindex.com/stylesheet/text_font/line_height.html

「スタイルシートで使用する長さの単位」
http://www.tagindex.com/stylesheet/basic/length.html

お礼

お返事ありがとうございました。
フォントサイズ、行間ともに％指定しています。

回答No.4

MAN_MA_RUI

例えば背景をノートの罫線にするなどして、1pxでも差が出ると困るようなレイアウトにしてませんか？ブラウザによって誤差が生じるのは当然なのでそれを許容できるレイアウトにすべきです。

回答No.3

k0021

たしかにfirefoxとIEではたしかに違いますね
私の場合下記のように　文字の大きさ(font-size)/行送り(font-height)　を指定いしていますので　firefoxとIEでは、ulタグ以外も文字の大きさ異なりますが何も問題ないです

font:17px/150% serif,Times;

javascriptの場合下記URLを参考にしてね
私はIEと他のOSで分けていますがOperaでは、異なって表示される問題が有るので修正検討中の元です

参考URL：

http://www.openspc2.org/reibun/javascript/browser/018/

回答No.2

tobi-u-o

ブラウザごとにスタイルシートを用意したり
するのがいいかもしれません。
今の時代、色々なブラウザに対応させるのが
いいと思います。

お礼

ブラウザごとにcssを指定すればいいのでしょうが、javascriptでの指定の方法がいまいちわからなくて。。。