Firefoxでは縦スクロールバーが必要な時しか表示されない。
そのため縦スクロールを要するページでセンタリングをしていると、「スクロールあり」と「スクロール無し」ページの移動の際にズレが生じる。
別にレイアウトなどが崩れるわけではないのだが、ﾊﾟｶﾊﾟｶして気持ちが悪い。
そんな時は、overflow-yプロパティを利用する。IE独自拡張だが利用できるようだ。
サンプル
html {
overflow-y: scroll;
}
こんな感じで指定してやればFirefoxでも常にスクロールバー領域が表示されるのでﾊﾟｶﾊﾟｶしなくなる。
ウェブデザイン見本帳 実例で学ぶWebのためのレイアウト基礎
/ 金額 : ￥ 2,625
トラックバック
- http://www.kantenna.com/cgi-bin/mt/mt-tb.cgi/370
人気の記事
1-5
6-10
- 66.5459770115 秒: (174ビュー)
- WEBプログラム覚書::表示内容の切り替え(JavaScript)
- 55.5748792271 秒: (207ビュー)
- 情報備忘録::eclipse + PDT 2.0 + XAMPP で作るWordpress開発環境
- 55.1833910035 秒: (289ビュー)
- WEBプログラム覚書::jQueryによる表示、非表示切り替え
- 35.6666666667 秒: (183ビュー)
- WEBプログラム覚書::javascript フォーム関連オブジェクトの取得
- 30.6506849315 秒: (146ビュー)
- 情報備忘録::Photoshop チュートリアル 基本的な光の作り方
- 29.8631578947 秒: (190ビュー)
- WEBプログラム覚書::javascript 子要素取得のメモ
- 29.2393939394 秒: (330ビュー)
- WEBプログラム覚書::PHP 参照渡し(リファレンス)と値渡し
- 24.2450331126 秒: (302ビュー)
- 情報備忘録::Dreamweaverで文字コードを変換する手順
- 8.04268292683 秒: (164ビュー)
- WEBプログラム覚書::MySQLエラー「Column 'カラム名' in field list is ambiguous」
- 2.84523809524 秒: (168ビュー)
- WEBプログラム覚書::PHP Array関数いろいろ
タグ
