2

「トイレのうず」本館の各コンテンツ内で縦スクロールバーが 2 本出ていた不具合をやっと修正。
IE6 以下では position: fixed; が効かないので、 div タグでページ全体をくくってそこにスクロールバーを表示させてたんだけれど、ウインドウの方のスクロールバーが残ってしまっていた。特にウインドウを小さくしたときに 2 重にスクロールバーが出るのはいただけない、と思いつつ何年も放置していた。
原因は IE が縦スクロールなしでもデフォルトでそれを表示する設定になっているから。要はそれを消せばいいわけだ。

IE で固定座標を指定する方法
↑このページを参考に 
html {
overflow: hidden;
}

としてみるけれど、なぜかスクロールバーが消えない。試行錯誤の結果、 
body {
overflow: hidden;
}

としてやっとスクロールバーを 1 本にすることができた。
参考にしたページのサンプルのスクロールバーはちゃんと 1 本だったから 
html {
overflow: hidden;
}

が効かないわけないと思うんだけれど、なんでダメだったんだろう。

ちなみにわたしは IE にのみ対応させるためアンダーバーハックを使いましたが、 IE7 でちゃんと表示されているのだろうか? 環境がないから確かめようがない。

関連記事

コメント (2)

  • ds

    ありがとう助かった!!
    iframe について、最近だと解説記事がないから
    ほんとに助かった!

  • あさこん

    ◇ ds さん◇
    コメントありがとうございます。
    古い記事ですが、お役にたったようでなによりです。

コメントを書く

トラックバック URL