全体にline-heightが指定されたページの最上部が消える

症状

ページ全体にline-heightプロパティが%値で指定されているとき、ページ最上部にある要素の上端が見えなくなる。特に、ページ上端にある文字のサイズが大きい時に発生しやすい。

例示

別ページで検証しています。

スクリーンショット

Moz1.0Moz1.0での表示(標準モード)

WinIE6WinIE6.0での表示(標準モード)

補足

line-heightプロパティを単位なし数値で指定(150% → 1.5)するとこのバグを回避できます。1.5にした例:別ページ

ページの端が消えるバグについてはbody要素の内容領域をはみ出す部分がレンダリングされないも参照してください。

修正状況

WinIE6.0では標準モードで不具合の発生が確認されました。互換モードでは発生しません。

スポンサーリンク

関連記事

スポンサーリンク

印刷時、ボックス左端にfirst-letter擬似要素の幅と同じ幅の隙間が空く

ホームページ製作・web系アプリ系の製作案件募集中です。

上に戻る