ConneCre

connelog

RSS

Firefoxでスクロールバーの有無によるセンターの位置のずれ

Firefoxではスクロールバーの有無によるセンターの位置のずれが生じます。
スクロールバーのでない短いコンテンツでもセンターの位置がずれないようにするスタイルシートの指定方法のメモ。

Firefoxだけであれば、

  1. html {
  2.     overflow-y:scroll;
  3. }

で大丈夫です。
Operaも対応するようであれば下記のように指定。

  1. html {
  2.     height:100%;
  3.     margin-bottom:1px;
  4. }

PAGE TOP