1

だから、私はdiv（）でラップされた画像を持っています.indexWrap： 

<div id = "slider">      
<div class="indexWrap">                 
        <img class="indexImage" src="">                             
       </div>
</div>

これらのうち8つは、と呼ばれるdiv内のphpを介したページロード時に作成されます#slider。スムーズなDivScrollを使用して、これらの画像をホームページに表示しています。Chromeではすべてが正常に見え、IE8および9では問題ないように見えます。問題はFirefoxにあります。各画像の自動幅がdiv.indexWrap正しく設定されていません。divは、右に200〜300ピクセル余分に伸びているようです。これがcssです：

#slider{
    position: relative;
    top:50px;
    width:100%;
    height:275px;
}
div.scrollWrapper
{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

div.scrollableArea
{
    position: relative;
    width: auto;
    height: 100%;
}
.indexWrap{
    float:left; 
    position:relative;
    width:auto;
    height:100%;

    padding-right:50px;
    padding-left:50px;
}
img.indexImage{
    float:left;
    position:relative;
    width:auto;
    height:100%;
}

問題のあるライブバージョンへのリンクは次のとおりです：jasone.co

編集：そして、このページの読み込みの上に、それぞれdiv.indexWrapが適切にパディングされていませんが、スクロールが始まると、次に取得された要素が正しくパディングされます。このすべての原因である可能性があります。

4

3 に答える 3

4

追加してみてくださいdisplay: inline-block;

于 2012-10-26T19:15:14.313 に答える
0

画像のラッパーを取り除くことで問題を修正しました。どのようにそれを望んでいたかではありませんが、それはうまく機能します。

于 2012-07-24T09:11:03.677 に答える
-3

削除するだけです...

幅：自動;

// blah blah blah SOの最大char要件を満たすために、これほど長くする必要があるとは信じられません

于 2012-07-18T04:26:10.470 に答える