Nivo滑塊錯位於Firefox中

Question

我的nivoslider幻燈片顯示在我的索引頁上，正確顯示了Chrome，IE 10和Opera。 只有在Firefox中它顯示我們在右側。 這是我的網站：http://www.colombian-emerald-jewelry.com/

我該如何解決這個問題？

我感謝你的幫助

Answer 1

您也可以直接添加float:left;到nivoSliderclass：

.nivoSlider { 
    float: left; 
    height: auto; 
    overflow: hidden; 
    position: relative; 
    width: 100%; 
} 

Answer 2

定位是我得到了它的工作，在這兩種瀏覽器試試這個方法：

地址：

.slider-wrapper { 
    height: 350px; 
    position: relative; 
} 

編輯：

.theme-default .nivoSlider { 
    background: url("loading.gif") no-repeat scroll 50% 50% #FFFFFF; 
    box-shadow: 0 1px 5px 0 #D3D3D3; 
    position: absolute; 
} 

.theme-default .nivo-controlNav { 
    bottom: 0; 
    clear: both; 
    left: 45%; 
    overflow: hidden; 
    padding: 0; 
    position: absolute; 
} 

Answer 3

如果有人遇到同樣的問題，但希望（它會強制使用clearfix如果你的滑塊讓我們說頁面的主要內容上方），以避免使用浮動，明確：既效果更好。

.nivoSlider { 
    height: auto; 
    overflow: hidden; 
    position: relative; 
    width: 100%; 
    clear: both 
}