line-height で行間を空けたら文字が切れる

[新着] Webテンプレートを仮オープンしました

0   名前： Schlaf ： 2004/07/25 21:24   ［URL］
BODY {line-height: 150%; }

と指定したらIE6でページ上部に書いたタイトルの上半分が切れました。

<H1>サイトのタイトル</H1>

NN7では正常に表示されます。
IE6で正常に表示するにはどうしたらいいのでしょうか？

ローカルでは切れるのですが、サーバーにアップすると正常に表示されます。
1   名前： ばあど ： 2004/07/26 02:17   ［URL］
どのページか分からなかったので、推測でしかないが。

試しに
BODY {line-height: 1.5; }
としてみると、どうだろう。

line-height は、パーセント指定にすると
「body に指定された」文字の大きさを基準に行の高さが計算され、
それがずっと継承されるので、
h1 などの大きな文字では、ボックスからはみ出してしまったのだ
と想像する。

数値の指定にすると、
「その時点の要素の」文字の大きさを基準に計算されるため、
はみ出したりといった事故がわりと起こりにくい。
2   名前： 匿名希望 ： 2004/07/26 03:03
WinIE6のバグのようです。

以下のサイトに、発生条件も示されていますので、ご参考に。

全体にline-heightが指定されたページの最上部が消える(IE6)：
http://cssbug.at.infoseek.co.jp/detail/winie/b057.html
3   名前： Schlaf ： 2004/07/26 11:23
ありがとうございました。
一覧へ戻る