2011-12-30 9 views
1

FF、Safari、Chrome、およびie9で機能する素晴らしいレイアウトといくつかのjqueryエフェクトがあります。すべてがie8で動作しますが、例外はスクロールです。私はjQueryを削除し、Transitional doctypeを使用してHTMLとXMLで問題を再現しました。問題です。スクロールで移動しないネストされた相対DIV

ie8でスクロールすると、下のリンクの例を使用してスクロールする唯一のものが「スペーサー」テキストです。それ以外のものは固定されたままになり、折り返し部分から溢れ出ます。私のレイアウトのラッピングdivはoverflow:hiddenを使用しますが、問題はオーバーフローの有無に関係なく存在します。問題のテストを簡単にするために、オーバーフローを省略しました。

私はie9で互換性ビューを使ってテストしました。また、テスト用PCにie8をインストールしました。

私jsfiddle例を参照してください。

http://jsfiddle.net/chrisrth/6ZNMB/1/

+0

私はあなたにお勧めできますインラインスタイルを使用する代わりに、セマンティックCSSクラスを使用するようにコードを変更します。また、[jsFiddle](http://jsfiddle.net/)のコードを見ると非常に役に立ちます。 [例として私は現在のコードをペーストしました。](http://jsfiddle.net/kywjA/) – NobRuked

+0

ありがとう。私は質問をするときに減速する必要があります。私はスタイルシートを使用しますが、私の質問をすばやく投稿するためにそれらを省略しました。すべてクリーンアップ。上記のリンク – chrisrth

答えて

4

は、親またはトップレベルDIV position:absoluteはIE8でスクロールやオーバーフローの問題を修正してMozillaとIE9に何の変化も生じなかっ作る

+0

6時間後にうわー私のスクロールの問題がどんなものだったのかを試してみるためにクレイジーがこれをやりました。 – Rob

関連する問題