2013-10-02 195 views
0

我有這種個性化的jQuery滑塊,它在Chrome中運行得非常好,但是當我在Firefox或IE中打開我的網站時,圖像變得巨大,並且我在滑塊中添加的線條獲取重疊。你能幫我嗎?Jquery Slider在Chrome中顯示,但在Firefox中不顯示

HTML Code: 
<h1>Daily Deals</h1> 
<div id="mi-slider" class="mi-slider"> 
<ul> 
    <li> 
<table border="0" cellspacing="0" cellpadding="0" class="jquery_table"> 
<tbody> 
<tr> 
<td> 
<CENTER> 
<a href="#"><img src="#" alt="img11"><h4 >test</h4></a></CENTER> 
<img src="#" alt="#"> 
<hr width="130%"> 
    </li> 
</td> 
</tr> 

      <tr align="center" valign="center"> 
        <td>WAS:</td> 
        <td class="strikethrough">$179.95</td> 
        </tr> 
       <tr> 
        <td>YOU SAVE:<hr width="130%"></td> 
        <td>$40.00<hr width="100%"></td> 
       </tr> 
<tr> 
<td><a rel="nofollow" href="#"><h2 align="right" valign="top" font-size="20px" font color="#006CCE" font-style="normal">$130.95</h2></a></td> 
</tr> 
</tbody> 
</table> 
</ul> 
<nav> 
    <a href="#">Shoes</a> 
    <a href="#">Accessories</a> 
    <a href="#">Watches</a> 
    <a href="#">Bags</a> 
</nav> 
</div> 

以上是code.It只是一部分工作正常在Chrome,所以跟據我的編碼沒有問題,但我不知道爲什麼它在Firefox.If不工作,你需要更多的東西,請隨時詢問。 該網站鏈接是www.dailycrazydeals.com

回答

0

這固定在我的Firefox。沒有檢查IE:

.mi-slider ul li img { 
    width: 100%; 
} 

僅供參考,我不知道爲什麼當其他瀏覽器不這樣做時,Firefox/IE會這樣做。出於這個原因,我總是通過使用一些版本的重置文件來啓動我的css(例如http://meyerweb.com/eric/tools/css/reset/)。這在消除許多(但不是全部)瀏覽器不一致方面做得很好。

+0

我試過你說的,但它不起作用。 –

+0

我用Firebug直接在瀏覽器中試過。如果你用CSS來做,你可能會遇到CSS特殊性的問題。嘗試寬度:100%!重要; – manishie

相關問題