IE 6 problèmes de navigation hover

J'ai une navigation sur un site qui utilise la sous-navigation dans la navigation principale ... Le seul problème est, dans IE6 le sous-menu pousse les autres menuitems sur le côté, provoquant la rupture de la mise en page et déconner jusqu'à la vue des utilisateurs du site.IE 6 problèmes de navigation hover

Im en utilisant le code HTML calculé:

<li class="ulHover"> 
    <a></a> 
    <div class="subMenuTop"></div> 
    <ul class="subMenu"> 
     <li></li> 
     <li></li> 
    </ul> 
</li>

Et le css:

li .ulHover 
{ 
    width: 113px; 
    height: 71px; 
    background: transparent url(../images/MenuItemBgHover.png) no-repeat top right; 
    text-align: right; 
    float:left; 
    vertical-align: bottom; 
} 
.subMenu 
{ 
    background: #B02229; 
    padding: 0px 5px 5px 5px; 
    text-align:left; 
    width: 215px; 
    list-style: none; 
    margin-left: 1px; 
    position:absolute; 
    display:none; 
    z-index: 10000; 
} 

.subMenuTop 
{ 
    width: 225px; 
    height: 10px; 
    background: transparent url("../images/SubMenuTop.png") no-repeat top left; 
    margin-left: 1px; 
    margin-top: -3px; 
    display:none; 
    z-index: 10000; 
}

EDIT: Ok, j'ai ajouté le positionnement absolu à la div ... Il arrête les éléments de liste à toplevel être repoussé ... Mais le décalage du sous-menu est loin ... Seulement dans IE6, dans les autres navigateurs, cela fonctionne ...

Source

2009-11-09 Rickjaah

Pouvez-vous fournir un exemple HTML complet de votre menu de navigation? – BitDrink

Je suppose qu'il s'agit d'un menu horizontal. Est-ce exact? Et avez-vous essayé de mettre la position div à "absolue" au lieu de l'ul? Voici un exemple qui pourrait vous aider: http://www.armbruster-baeckerei.de/philosophie.php

Source

2009-11-09 10:11:30

Cela fonctionne certainement pour le pousser l'autre toplevel li away. Maintenant, un autre problème se pose. Le décalage est loin dans IE6, mais pas dans les autres navigateurs .... – Rickjaah

Pouvez-vous être un peu plus précis? Quel offset? Décalage horizontal? Décalage vertical? Pouvons-nous le regarder quelque part? –

Le sous-menuTop div n'est pas fermé dans votre code. Cela pourrait être la première étape pour résoudre le problème.

Source

2009-11-09 10:04:51

Désolé, c'est fermé dans mon code ... Juste pas dans l'exemple code – Rickjaah

IE 6 problèmes de navigation hover

Répondre

Questions connexes