IE6にて縦スクロールバーが2本出てたのを修正
Web & Internet Comments (0) | Trackbacks (0)トイレのうず本館の各コンテンツ内で縦スクロールバーが2本出ていた不具合をやっと修正。
IE6以下では position: fixed; が効かないので、divタグでページ全体をくくってそこにスクロールバーを表示させてたんだけれど、ウインドウの方のスクロールバーが残ってしまっていた。特にウインドウを小さくしたときに2重にスクロールバーが出るのはいただけない、と思いつつ何年も放置していた。
原因はIEが縦スクロールなしでもデフォルトでそれを表示する設定になっているから。要はそれを消せばいいわけだ。
IEで固定座標を指定する方法
↑このページを参考に
html {
overflow: hidden;
}
としてみるけれど、なぜかスクロールバーが消えない。試行錯誤の結果、
body {
overflow: hidden;
}
としてやっとスクロールバーを1本にすることができた。
参考にしたページのサンプルのスクロールバーはちゃんと1本だったから
html {
overflow: hidden;
}
が効かないわけないと思うんだけれど、なんでダメだったんだろう。
ちなみにわたしはIEにのみ対応させるためアンダーバーハックを使いましたが、IE7でちゃんと表示されているのだろうか? 環境がないから確かめようがない。
最近のコメント
2012/2/6 22:53
2012/2/6 17:14
2012/2/5 6:07
2012/2/3 22:03
2012/2/3 2:11
2012/1/27 14:11
2012/1/26 3:30
2012/1/16 22:40
2012/1/26 3:10
2012/1/15 17:20