2011-12-29 8 views
1

<ul>には複数の垂直スタックが含まれています<li><li><ul>内にスクロールし、<li>にはチェックボックスが含まれています。 IE7では、これらのチェックボックスは、<li>を含むスクロールせず、クリップする必要がある場合でも常に表示されます。ここjsFiddle:この問題を引き起こしているものでIE7:チェックボックスにliが含まれているとスクロールせず、不適切に表示されます

http://jsfiddle.net/m4asa/6/

任意のアイデア?このコードはChrome、Firefox、IE8で動作します。

答えて

1
ul.selector li input[type="checkbox"] 
{ 
    display: block; 
    left: 1px; top: 2px; 
    margin-right: 4px; 
    float: left; 
} 

ul.selector li input[type="checkbox"]の代わりにCSSで使用します。マージンを少し調整する必要があるかもしれませんが、IE7のスクロールの問題を修正しました(IE7とChromeでテストされていますので、他のブラウザでそれらが動作することを確認してください)。

+0

完璧に動作します、ありがとうございます! – user460847

+0

私はposition:relativeとdisplay:blockでなければならないと思いますが。 – user460847

+0

あなたは正しいです、私の悪いです。私は答えを変更:) :) –

関連する問題