IE と Firefoxでの表示違いについて。

質問

IE と Firefoxでの表示違いについて。

製作中のHP内に、「○○○○」と鍵カッコとタイトルを太字で記載しています。
これをIEで見ると、前側の 「 がきちんと表示されません。

ｌ の様な感じで、棒状になってしまいます。
後ろ側の 」は、きちんと表示されます。

同じ物を、Firefoxで見ると、問題なく、括弧部分「○○○○」も表示されます。
「」を使用することは、あまりお勧めじゃないのでしょうか？
【】←こちらの括弧を使用した場合、IEでもFirefoxでも、きちんと表示されます。

回答No.2

kuzumiHK · ベストアンサー

IEでは、margin-topのマイナス設定や、
line-heightの1em以下の設定の影響で、
インライン要素がブロック要素に隠れてしまうことがあります。
その辺の余白設定を調整してみてはいかがでしょうか。

お礼

回答ありがとうございました。

HTML内にて、
下記の部分のline-height:18px;を20pxにしたら
きちんと表示されました。
どうもありがとうございました。

.title{
font-size:18px;line-height:18px;
margin-bottom:14px;
font-weight:bold;
}
下記のように変更しました。
.title{
font-size:18px;line-height:20px;
margin-bottom:14px;
font-weight:bold;
}

回答No.1

_himajin_

フォント設定の問題じゃないでしょうか？
WinXP SP3 + IE7 + MS Pゴシック + フォントサイズ中、CSSなしで「」どちらも問題なく表示されます。

お礼

回答ありがとうございました。

HTML内にて、
line-height:18px;を20pxにしたら
きちんと表示されました。
どうもありがとうございました。