0

昨日、あるWebページのホームにあるハイライト製品のスライドが、Firefoxでのみ垂直方向に配置されたプロパティではないことを確認しました.IEとChromeで正常に動作します.

情報を検索していたところ、何年も前の FF のバグがたくさん見つかりました。私が見つけたいくつかの解決策を試してみましたが、誰もうまくいきません。

<div id="feature-wrap-container">
    <div id="feature_wrap">
        <div id="scrollable">
           //a list of element floating left
        </div>
    </div>
</div>

#feature-wrap-container{
 background-color: #ffffff;
 width: 100%;
 height: 260px;
}

#feature_wrap {
 width: 960px;
 height: 260px;
 overflow:hidden;
 position: relative;
 left: 0;
 right: 0;
 margin-left: auto;
 margin-right: auto;
}

#scrollable {
 height:100%;
}

chrome と IE では div がウィンドウの中央にあり、firefox では feature_wrap が右に揃えられ、ウィンドウが 100% よりも大きくなります。

スライドはhttp://wordpress.org/extend/plugins/featured-posts-slideshow/に基づいていますが、明らかに変更されています。

前もって感謝します。

4

2 に答える 2

0

ここであなたのフィドルを作成したことを確認してください。の幅を縮小し#feature_wrap、Firefox でチェックしましたが、動作しています。あなたが直面している問題は何ですか？

スクリーンショット

ここで完全なイメージを入手してください。

于 2012-11-06T09:46:40.653 に答える
-2

を使用する代わりに、以下のようoverflow: hiddenに使用することをお勧めします。overflow-x: hidden, overflow-y: hidden

#feature_wrap {
 width: 960px;
 height: 260px;
 overflow-x :hidden;
 overflow-y: hidden;
 position: relative;
 left: 0;
 right: 0;
 margin-left: auto;
 margin-right: auto;
}
于 2012-11-06T09:42:57.990 に答える