1

Nivo Slider を使用してスライドショー付きの Web サイトを作成しています。何らかの理由で、nivo スライダー div の後、すべての DIV が正しくレイヤー化されている (そして正しく閉じられている) ように見えても、Nivo スライダーの後でコンテナー DIV が予期せず停止します。

サイトはこちら: http://cbchaverhill.onedirectionconnection.com

そして、これが私のDIVの設定方法です：

<div id="container" class="shadow">

<div id="title">
<div id="titleleft">Calvary Baptist Church</div>
<div id="cbcstuff">
Calvary Baptist Church<br>
13 Ashland Street<br>
PO Box 781<br>
Haverhill, MA 01830
</div>
</div>

<div id="navi">

<?php wp_nav_menu( array( 'sort_column' => 'menu_order', 'container_class' => 'access', 'menu_class' => 'access' ) ); ?>

</div>

<div id="header">

<div id="slide">

<div id="slider" class="nivoSlider">
            <img src="/wp-content/themes/cbc/001.png" alt="" />
            <img src="/wp-content/themes/cbc/002.png" alt="" />
            <img src="/wp-content/themes/cbc/003.png" alt="" />
        </div>
<script type="text/javascript" src="/nivo-slider/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="/nivo-slider/jquery.nivo.slider.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({
    effect: 'fade',
    animSpeed: 500,
    pauseTime: 4000,
    startSlide: 0,
    directionNav: false,
    directionNavHide: true,
    controlNav: false,
    controlNavThumbs: false,
    pauseOnHover: true,
    manualAdvance: false,
    randomStart: false,
});
});
</script>

</div>


<div id="sidebarr">

Blah blah blah Blah blah blah Blah blah blah Blah blah blah.
Blah blah blah Blah blah blah Blah blah blah Blah blah blah.

</div>

<div id="content">

ご覧のとおり、コンテナ DIV はスライドショーの直後に停止し、何らかの理由で私には理解できないようですが、コンテンツがないのにページが 4000 ピクセルを超えて伸びています。

誰かが何か意見を持っていれば、それは大歓迎です。さらに情報が必要な場合は、お知らせください。

4

2 に答える 2

0

興味深いことに、Quirks モードをトリガーしているため、IE では発生しません (<!DOCTYPE>修正するには、前のコメントを削除してください)。

問題はフロートによって引き起こされます。overflow:hidden修正するには、Container divに追加するだけです。

于 2012-08-04T12:08:18.617 に答える
0

終了タグ</html> and </body>がありません。

を扱っている場合はfloat、overflowプロパティを親 div に追加するかclear:both 、フローティング div の後に追加します。

于 2012-08-04T12:11:48.360 に答える