firefoxでのセンタリング配置がズレなくなる！

小さな感動はストレス社会を生き抜くためのエネルギー。今日は寝る前に覗いたブログで実に有効的なCSSを紹介しているのを発見してしまった！

webページのコンテンツ全体をセンタリングしているのはよく目にするけれど、この場合firefoxで閲覧すると、サイドバーが有る場合と無い場合とで表示位置がズレる。コンテンツの縦幅によってズレが出てしまうのは観ていてとてもウザい。それを解決する方法を紹介している記事があった。

詳細は以下を参照のこと。サンプルもあるので認識しやすい。

Firefoxのスクロールバーの有無でセンタリング位置がズレる件を解消
http://css-happylife.com/log/css-template/000109.shtml

このoverflow-y、IEの独自拡張らしい。なのでOperaでは適用されないみたい。ただOperaはブラウザの設定でスクロールバーの有無を設定できるし、Operaユーザーで設定をいじれないオンチはいないだろうからあんまり問題とも思えないなぁ。

さっそく実装。見事にズレない！なんていってもここを読んでる人は大概IEだからこの感動は伝わらないだろうことが残念でならない！非常にここちよいのでこのままよい気分を維持しつつ寝ることにしますおわり。