Script visualizzato diverso tra Mozilla e IE

intimoviro

Utente Attivo
18 Ago 2009
272
0
0
Salve, ho questo script che mi permette di visualizzare le immagini in sequenza, però in mozilla funziona perfettamente, mentre in IE mi dispone tutte le immagini in modo verticale senza alcun effetto, come mai?

Posto il codice

Tra i tag Head:
HTML:
<link href="css/mb.scrollable.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
  <script type="text/javascript" src="inc/mbScrollable.js"></script>
  <script type="text/javascript">
    $(function(){
      if (self.location.href == top.location.href){
        $("body").css({font:"normal 13px/16px 'trebuchet MS', verdana, sans-serif"});
      }

      $("#myScroll").mbScrollable({
        width:570,
        elementsInPage:1,
        elementMargin:2,
        shadow:"#999 2px 2px 2px",
        height:"auto",
        controls:"#controls",
        slideTimer:600,
        autoscroll:true,
        scrollTimer:4000
      });
      
      setTimeout(function(){
$("#wrapper").fadeIn();
},2000);
    });
  </script>

Mentre nel body:
HTML:
<div id="wrapper">
  <div id="myScroll">
    <div class="scrollEl" style="background-color:#9999ff">Apri il tuo negozio online</div>
    <div class="scrollEl" style="background-color:#cc9900">Virocommerce il negozio virtuale per tutti</div>
    <div class="scrollEl" style="background: url('images/abstract_032908_18.jpg')">3</div>
    <div class="scrollEl" style="background-color:#009966">4</div>
    <div class="scrollEl" style="background-color:#6600ff">5</div>
    <div class="scrollEl" style="background-color:#9999ff">6</div>
    <div class="scrollEl" style="background-color:#33cc00">7</div>
    <div class="scrollEl" style="background-color:#cc00cc">8</div>
    <div class="scrollEl" style="background-color:#009999">9</div>
    <div class="scrollEl" style="background-color:#ff66ff">10</div>
  </div>

  <div id="controls" align="center">
    <div class="first">inizio</div><div class="prev">indietro</div>
    <div class="next">prossima</div><div class="last">ultima</div>
    <div class="pageIndex"></div>
    <div class="start">start</div><div class="stop">stop</div>
  </div>
</div>

<br />
	<div align="center">

Spero di essere stato abbastanza chiaro.

Grazie:D
 

Discussioni simili