Home > Windows > Internet Explorer > ver.6 全体にline-heightが指定されたページの最上部が消える

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

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

例示

<style type="text/css">
<!--
body {
    line-height: 150%;
}
-->
</style>

実際の表示については検証ページをご覧ください。

スクリーンショット

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

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

補足

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

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

修正状況

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

Home > Windows > Internet Explorer > ver.6 全体にline-heightが指定されたページの最上部が消える

Search
オススメ書籍
Feeds

Return to page top