Firefoxのスクロールバーの有無でセンタリング位置がズレる件を解消

中央配置のデザインで、ページ移動の際にコンテンツの量によってスクロールバーが出たり出なかったりするFirefoxさん。

あのズレ、気になる人っていますよね?

すぐ分かるように簡単なサンプルを用意しました。
http://css-happylife.com/template/11/

あ、当たり前だけど、Firefoxで見て下さいね。

コレを解消する為に以下のスタイルを適用させればズレがなくなります。

html {
	overflow-y:scroll;
}

簡単っすね。

で、コレOperaじゃ解決出来ないのが難点。
overflow:scrollでズレないようには出来るけど、下が出ちゃうのはいけてない。

height:100%とかでもバーが出っぱなしにはなるけど、びみょーに出てはいけないバーまで出てしまう。

んーこの辺まで解決したかった...

Track Back [1]

Track Back URL

スクロールバーを表示させない

ふとIEでチェックしていたら、 なんか無駄に下のスクロールバーが出てるなぁと。 見た感じ、右のスクロールバーの幅分でてるっぽいなぁってことで。 Fire... 続きを読む

  • by mersy's lab

背景画像切り替え

ミクコレ的ノリでお好きな背景にして閲覧して頂ければと思います。
デフォルトの背景は、ボクの気分に応じて時々変更したり季節モノになったりするみたいです。

このページの上部へ