Firefoxのページスクロールの自動出現を制御する
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だとズレまくりんぐ。
Trackbacks
Comments
Comment