2011-07-12 19 views
0

ポップアップではサイズを固定していますが、内容が大きい場合は垂直スクロールバーが表示されます。 )しかしIEでは(IE 8を使用して)動作しません。以下は画像です。何が問題なの?コンテンツはIEでは垂直方向に拡張されていますが、Firefoxではスクロールバーがあります

Firefox Screenshot Internet Explorer Screenshot

私のCSSコード

#compareParentDiv 
{ 
overflow-y: auto; 
//overflow-x: hidden; 
max-height: 380px; 
width:100% 
} 

マイ本部

$('#compareContent').empty(); 
    $('<div id="compareParentDiv" width="100%">'+ 
     '<table id="list2" cellspacing="0" cellpadding="0"></table>'+ 
      '<div id="gridpager2"></div></div>') 
    .appendTo('#compareContent'); 
+0

スクロールバーを追加するdivに "overflow:auto"を設定できます。 – Abhijit

+0

Chromeでテストできますか? – Michas

+0

@Michas:chromeとfirefoxでは動作しますが、IEでは動作しません。 – abi1964

答えて

2

overflow-y:scrollまたはoverflow-y:autoに見て、スクロールしなければならない要素でそれを適用します。 autoに設定されている場合scrollスクロールバーに設定されている場合

は、常に表示され、それはブラウザ次第ですが、私はすべてのブラウザがそうでなければ、必要なときにスクロールバーを提供しますがないと信じています。

+0

IEで 'overflow-y:auto'を追加しました。私のコードを確認してください(更新済み) – abi1964

+0

水平スクロールを無効にする方法を教えてください。 – abi1964

+0

'overflow-x:hidden;' –

関連する問題