line-heightと画像
例えば、
<div style="line-height:200%">
一行目<br>
二行目<br>
三行目<br>
四行目
</div>
とすれば、それぞれの行間(行の前後の余白)は通常の200%となりますよね。
このとき文章内に(文字と同じくらいの高さの)画像を入れると、IEではその行前後に行間が開かないようなのですが、どうすればよいのでしょうか。
Netscapeでは文章と同じように行間が開いて表示されるのですが。
<div style="line-height:200%">
一行目<br>
<img src="gazou.gif">二行目<br>
<img src="gazou.gif">三行目<br>
四行目
</div>
のようにすると、二行目と三行目に行間が開きません。
(二行目と三行目のそれぞれの行の前後に余白がありません。)
ちなみに、DTDは
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
ですが、システム識別子をつけても同様でした。
※準拠にしたらtd,th内にも適用されました。余談ですが。
IEで、画像を含んだ行にline-heightを適用させるにはどうすればよいのでしょうか。
誤った表現をしていたら申し訳ありません。
お礼
ページがソースで印刷される現象が過去に複数あるとの事で頂いたURLにアクセスし、その中から IE8→ツール→インターネットオプション→詳細設定→リセット→再起動で一発解決しました。IEブラウザーが不安定になる事を始めて知りました。本当に有難うございました。