備忘録(HTML,CSS)の最近のブログ記事

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

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

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

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

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

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

body{overflow-y: scroll;}

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