Firefoxのページスクロールの自動出現を制御する

05-26-2008 Category: Web Design‚  XHTML+CSS

Firefox等でサイトを見た場合ページの内容量(使用モニタからはみ出した場合)によってスクロールが出たり出なかったりして、一瞬レイアウトがずれているように感じてしまうことがあります。

もちろんレイアウトはズレて無いのですが、製作中にいちいちカクカクされると本来なら気づくべきレイアウトのミスも見逃してしまいがち。また最終的に出来上がったときにカクカクされるとイマイチ印象がよくない。なのでそういうときはCSSで常にスクロールバーを表示させましょう。一番簡単なやり方は

CSS

html>/**/body { overflow-y:scroll;}

このhtml>/**/bodyはIE7以外(Operaもだよね?)のモダンブラウザにCSSを適用させる為のCSSハック。
Firefox2, safari3.1.1(win), IE6, 7 , 8(IEtester) で確認。
注意として、この場合Operaには適用されないみたいなので気をつけてください。
なので完全にしたい人は別々にハックしてください。

あとIE8 beta1についてはまさしくインターネットファッキンエクスプローラー(どこかのサイトがそう呼んでた)
なのでノーコメントで。

てかIE8だとズレまくりんぐ。

関連する投稿

最新の記事

Trackback are closed.

Trackbacks

Comments

Comment