2010-10-15 2 views
0

J'ai un problème IE pour une raison quelconque mon menu à onglets montre le contraire en ce sens qu'il devrait il devrait y avoir des onglets en haut à droite et des onglets sur le côté gauche du conteneur, mais seulement dans les onglets apparaissent sur le côté droit, je ne peux pas l'air de le comprendrec'est-à-dire montre les choses à l'envers? comment réparer

voici ma liste html, un script et le css appliqué pour les

<ul> 
    <li class="dealer tabbed"><a>Manufacturer Dealer</a></li> 
    <li class="lender tabbed"><a>Lender<br />&nbsp</a></li> 
    <li class="developer tabbed"><a>Developer<br />&nbsp</a></li> 
</ul> 

<ul class="side"> 
    <li class="overview tab"><a>Overview</a></li> 
    <li class="tour tab"><a>Take the tour</a></li> 
    <li class="websites tab"><a>Example websites</a></li> 
    <li class="faq tab"><a>FAQ</a></li> 
    <li class="support tab"><a>Support</a></li> 
</ul> 

    <div id="mainContainer"> 
     <div class="div1 hide"> 
      overview 
     </div> 
     <div class="div2 hide"> 
      take the tour</div> 
     <div class="div3 hide"> 
      example websites</div> 
     <div class="div4 hide"> 
      faq</div> 
     <div class="div5 hide"> 
      support</div> 

répétées pour chaque sidetab

$(".overview").click(function() { 
    $(".hide").hide(); 
    $(".div1").show(); 
    $(".tab").addClass("inactive"); 
    $(".overview").removeClass("inactive"); 
    $(".overview").addClass("active"); 

répétées pour chaque onglet en haut

$(".dealer").click(function() { 
    $(".hide").hide(); 
    $(".div1").show(); 
    $(".tabbed").addClass("inactive"); 
    $(".dealer").removeClass("inactive"); 
    $(".dealer").addClass("active"); 

CSS:

#container { 
    position:relative; 
} 

#mainContainer { 
    left:130px; 
    position:absolute; 
    top:73px; 
} 



.div1, .div2, .div3, .div4, .div5, .welcome { 
    position:relative; 
    bottom:100px; 
    top:0px; 
} 

    .topnav ul li a { 
    float:left; 
} 
+0

Pourriez-vous s'il vous plaît corriger la mise en forme? Et qu'est-ce que .topnav et les autres éléments dans ce css? Aussi, si vous êtes vraiment sérieux que ce JS est "répété pour chaque onglet" .. aïe. Devrait être facile à faire pour tous les onglets en une seule fois. – Paul

+0

je posterais une image mais il ne me laissera pas ok donc j'ai un conteneur au-dessus du conteneur il y a une liste de 3 liens allant horozontal sur le côté gauche allant vertical il y a une autre liste de 5 liens (.side) j'ai précédemment demandé s'il y avait un moyen plus court de faire le javascript et c'était la réponse que j'ai eu – sam

Répondre

0

Ok j'ai découvert le problème, il était juste que par exemple besoin d'une gauche: 0; ajouter à la css cela semblait avoir résolu mon problème

Questions connexes