0

私の画像スライドショーは、クロムとエクスプローラーの両方で正しい位置に表示されますが、Firefox では表示されません。画像は、slideshow_box 内に正しく配置されますが、Firefox では、ブラウザの右上まで離れています。スライドショーは JavaScript を使用して動作します。

これがなぜなのか誰にも分かりますか?

HTMLコード:

 <div id="slideshow_box" class="clear">
           <div class="slides">
                <ul>
                    <li><a href="#"><img src="images/buses.jpg" alt="bus in clydebank" </a></li>
                    <li><a href="#"><img src="images/school_work.jpg" alt="school" </a></li>
                    <li><a href="#"><img src="images/haven.jpg" alt="the haven kilmacolm" </a></li>
                </ul>
           </div><!--slides-->   
  </div><!--slideshow_box--> 

CSS:

#slideshow_box { 
background: url(../images/slideshow-box.png) no-repeat; height: 312px;  margin: 20px auto;
}

#slideshow_box .slides ul { 
list-style:none; position:relative; bottom: 50px; left: 40px; width: 750px; height: 250px; overflow: hidden;
 }

どんな助けでも大歓迎です:)

4

2 に答える 2

0

.slides ulとはの#slideshow_box高低差があり62pxます。.slides ulコンテナの内側を中央に揃えたい場合は、下の値を にする必要があり31pxます。ちなみに幅の値も定義した方がいいと思います#slideshow_box

于 2013-04-26T09:16:25.057 に答える