備忘録(HTML,CSS)」カテゴリーアーカイブ

FireFox スクロールバーの有無でセンタリングがずれる

WEBサイトを構築中に、とある問題が発生しました。

それは、ページの高さによってページのセンタリングがずれるというもの。

調べてみると、スクロールバーの有無でずれていました。

さて、どうしたらいいのか?

ググッてみたら、簡単に答えが見つかりました。

スタイルシートに次の記載をすればOKでした。

body{overflow-y: scroll;}

設定してみると、正常にスクロールバーに関係なくセンタリングされて表示されました。