2012-06-27 13 views
13

divで固定位置とオーバーフローを使用すると、IE9の垂直スクロールバーで奇妙な問題が発生しました。IE9のスクロールバーに関する問題点:固定、オーバーフロー:自動

ここでIE9を使用して、ウィンドウの高さを小さく縮小します。

http://bytiger.com/add/ie9_div_test.html

私は、これはIE8で発生していないことを確認することができます。

誰もがこれを妥当なハックを知っていますか?私はウィンドウの幅に幅を設定しようとしましたが、意図的にdivのサイズからスクロールバーの幅を引くようです。私は、この定数を計算したり、ハードコーディングしたり、これを計算された幅に追加したりする必要がないソリューションがあるかどうかを確認したいと思います。

乾杯!

EDIT:Jsfiddleは問題を表示していないようです...これは何が起こっているかについての大きなヒントになる可能性があります。

http://jsfiddle.net/dvAKW/

+0

これで問題が解決するかどうかはわかりませんが、IE9では可能な限り単位が必要です。 unitを省略すると、IE9はこのルールを無視します。あなたはあなたのcss(main/common.cssを含む)に無制限のルールをたくさん持っています。ありがとう。 – Teemu

答えて

21

IE9が正しくbox-sizingプロパティを処理していないように思える - 「コンテンツ・ボックス」に「ボーダー・ボックス」から、それを変更するか、空白のままにすることは、あなたの問題を解決します。

+0

出来た! –

+0

IE9は、固定配置された要素に絶対配置された要素を持つボックスサイズが気に入らない唯一のようです。またはそれらのいくつかの組み合わせ –

+3

残念ながら、これは容認できる解決策ではありません。コンテンツボックスにボックスサイズを設定するのは目的を無視します。なぜならwidth:100%を使用することはできず、それに応じてパディングを考慮して要素のサイズを変更することになるからです。 – AsGoodAsItGets

関連する問題