HTMLを書いていると、全く同様のHTMLなのに、ページによって表示が左右にずれる事がありますよね。
あれの原因は、スクロールバーが表示されたりされなかったりして、サイトのセンタリングがずれてしまうからという事が最近わかりました。
ブラウザによっては、常時スクロールバーが表示されるものもある(IE7)のですが、サイト側で対応したいです(どんなブラウザで見てもOKなように)よね。
■解決法
以下のCSSを記述すればOKです。要するに縦をブラウザ表示領域の100%+1ピクセルにするということ。これでどんなブラウザでも必ずスクロールバーが出てくれて、ページによるズレがなくなります。
html
{
margin-bottom:1px;
height:100%;
}
あれの原因は、スクロールバーが表示されたりされなかったりして、サイトのセンタリングがずれてしまうからという事が最近わかりました。
ブラウザによっては、常時スクロールバーが表示されるものもある(IE7)のですが、サイト側で対応したいです(どんなブラウザで見てもOKなように)よね。
■解決法
以下のCSSを記述すればOKです。要するに縦をブラウザ表示領域の100%+1ピクセルにするということ。これでどんなブラウザでも必ずスクロールバーが出てくれて、ページによるズレがなくなります。
html
{
margin-bottom:1px;
height:100%;
}
※コメント投稿者のブログIDはブログ作成者のみに通知されます