MT100本をAmazonで購入!

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

02月09日(金)00:45

category
CSSテンプレート, ビジュアル・小技

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

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

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

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

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

html {
	overflow-y:scroll;
}

簡単っすね。

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

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

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

各種SBMに追加
  • Hatenaブックマークに追加
  • del.icio.usに追加
  • POOKMARK Airlinesへ追加
  • livedoorクリップへ追加
  • ニフティクリップへ追加
  • newsingへ投稿
  • Redditへ追加

Track Back [1]

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

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

by mersy's lab|2008年03月20日(木)

comment [3]

1 - No Name さん

Object not found! と、なっちゃいますよ〜

2007年2月 9日 13:04

2 - y-kob さん

スクロールバーの有無でのズレ、今まで気になっていたので参考にさせて頂きました。
トラックバックをお送りしたのですが、403 Throttled のエラーで送信できなかったので、コメントを残します。

URL|2007年2月 9日 13:51

3 - hira@管理人 さん

>No Nameさん
おっと、急遽修正かけたので、直し忘れがありました。
ご連絡ありがとうございます。

>y-kobさん
あれ、、なんでだろう・・・
調べておきます。

2007年2月 9日 14:07

コメント投稿フォーム

post your comment

※コメントが認証されるまで、コメントは反映されません。ご了承くださいませ。

ブログパーツ

フィードメーター - CSS HappyLife

Feeds購読数

あわせて読みたい

change color or layout
  • デフォルトカラー
  • 薄い青
  • 青緑
  • 緑
  • 青
  • 薄い紫
  • ピンク
  • 黄金
  • 茶
  • 赤
  • 黒
  • 白
  • シルバー
  • 2カラム(カラーはデフォルト)
  • リキッドレイアウト(カラーはデフォルト)

ページトップへ