スタイルシート　line-heightのバグ？

解決済

質問者：asrun
質問日時：2004/01/19 18:55
回答数：4件

ホームページの中で、行幅をあけるのに、line-heightを使っています。

簡潔なタグは以下の通りです。
<html>
<body>
<span style="font-size:13px; line-height:160%;">
<img src="image/point.gif" border=0 width=6 height=8 alt="">てすと1<br>
<img src="image/point.gif" border=0 width=6 height=8 alt="">てすと2<br>
</span>
</body>
</html>

「てすと1」「てすと2」の前に小さな画像を入れています。
WinXP、NN4.XやN7.Xで見た場合は、画像が入っていても問題なく行幅が開きますが、
WinXP、IE6.02で見ると、line-heightが効きません。
これはIEのスタイルシートバグなのでしょうか？

また、打開方法ありましたらお願いします！
（参考まで：テーブルタグを使いたくないのでline-heightで行間をあけています）

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (4件)

ベストアンサー優先
最新から表示
回答順に表示

No.4ベストアンサー

回答者： nuruhho44
回答日時：2004/01/19 22:48

こんばんは。

ふーん、こんなバグがあったんですねぇ。

で、打開策になるかどうかはともかく、こうすればＩＥでも行間は反映されましたので、ご紹介しておきます。

<HTML><HEAD>
<STYLE type="text/css">

</STYLE>
</HEAD>
<BODY>
<DIV style="font-size:13px; line-height:160%;">
<SPAN class="SP1">　</SPAN>てすと1<br>
<SPAN class="SP1">　</SPAN>てすと2<br>
</DIV>
</BODY>
</HTML>

要は<SPAN>タグでスペース（全角）を挟んで背景画像にするわけです。背景画像は元の画像のサイズでしか表示されないので、6px * 8px の画像を作ってください。

- 0
- 件

通報する

この回答へのお礼

ありがとうございました。
なんとか出来たみたいです♪

こういう場合って結構あると思うので、IEが早く直してくれる事を…

・・・無理かな～（笑）

通報する

お礼日時：2004/01/20 09:12

No.3

回答者： noname#10926
回答日時：2004/01/19 20:19

＃1です。

テーブルを使用した場合でも

<img src="image/point.gif" border=0 width=6 height=8 alt="">
<img src="image/point.gif" border=0 width=6 height=8 alt="">
↑連続すると行幅が反映されません。
１つだと指定幅よりも狭く反映されます。

とりあえず連続するとline-heightがまったく反映されないようです。バグなんでしょうね。