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

中央配置のデザインで、ページ移動の際にコンテンツの量によってスクロールバーが出たり出なかったりするFirefoxさん。 あのズレ、気になる人っていますよね？ すぐ分かるように簡単なサンプルを用意しました。 http://css-happylife.com/template/11/ あ、当たり前だけど、Firefoxで見て下さいね。 コレを解消する為に以下のスタイルを適用させればズレがなくなります。 html { overflow-y:scroll; } 簡単っすね。 で、コレOperaじゃ解決出来ないのが難点。 overflow:scrollでズレないようには出来るけど、下が出ちゃうのはいけてない。 height:100%とかでもバーが出っぱなしにはなるけど、びみょーに出てはいけないバーまで出てしまう。 んーこの辺まで解決したかった... Track Back [1] スクロールバーを表示

[webmarksjp]

css

[konaze]

あ、そうか。

[hiro-rock]

Firefoxのスクロールバーを表示させる。

[muryou3]

地味に大事。Operaさんはこれでも無理らしい。

[saladdays]

あー、なるほど。でも、Safariでもダメなようだ。残念。

[picnicgraphic]

htmlに対してoverflow-y:scroll;を。「で、コレOperaじゃ解決出来ないのが難点/overflow:scrollでズレないようには出来るけど、下が出ちゃう」→www.lllcolor.comさんの方法で回避。

[hiro_y]

縦方向のスクロールバーを常に表示させることでズレを防止。

[koma45af]

お役立ち

[convexstyle]

I see