Onglet de menu mal placé sous ie - help !
pat
-
Profil bloqué -
Profil bloqué -
Bonjour,
j'ai (encore) un problème avec un menu déroulant horizontal que je suis en train de réaliser.
Il fonctionne très bien sous ff, pas de problème, mais sous ie ça se complique.
en fait j'ai 6 onglets, et sous ie, quand je centre mon menu en mettant dans le css de mon div un width fixe et un margin:auto, le dernier onglet passe à la ligne en dessous du premier comme s'il n'avait pas la place de se mettre à la suite (ce qui n'est pas le cas du tout, tout va bien sous ff >.< ).
alors que si en dur, je décale mon menu de 25px par un margin left pour le centrer "à la main", là pas de problème.
sauriez-vous pourquoi et comment résoudre ce problème ?
merci d'avance !!
j'ai (encore) un problème avec un menu déroulant horizontal que je suis en train de réaliser.
Il fonctionne très bien sous ff, pas de problème, mais sous ie ça se complique.
en fait j'ai 6 onglets, et sous ie, quand je centre mon menu en mettant dans le css de mon div un width fixe et un margin:auto, le dernier onglet passe à la ligne en dessous du premier comme s'il n'avait pas la place de se mettre à la suite (ce qui n'est pas le cas du tout, tout va bien sous ff >.< ).
alors que si en dur, je décale mon menu de 25px par un margin left pour le centrer "à la main", là pas de problème.
sauriez-vous pourquoi et comment résoudre ce problème ?
merci d'avance !!
A voir également:
- Onglet de menu mal placé sous ie - help !
- Menu déroulant excel - Guide
- Rouvrir onglet fermé chrome - Guide
- Ie tab - Télécharger - Outils pour navigateurs
- Menu caché tv continental edison ✓ - Forum Téléviseurs
- Canon quick menu - Télécharger - Utilitaires
6 réponses
euuh, une petite chose avant (et puis je peux pas le mettre en résolu, je ne suis pas membre :s)
maintenant que j'ai mis le clear au menu, mes sous-menus sont décalés par rapport à mon menu, ils sont un demi onglet trop loin (à cheval entre le bon onglet et l'onglet suivant) :s
faut-il que je rajoute quelque chose pour rectifier ça ?
maintenant que j'ai mis le clear au menu, mes sous-menus sont décalés par rapport à mon menu, ils sont un demi onglet trop loin (à cheval entre le bon onglet et l'onglet suivant) :s
faut-il que je rajoute quelque chose pour rectifier ça ?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
<div id="menu">
<dl>
<dt><a href="presentation.php" title="">Présentation</a></dt>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre('');">Image 3D</dt>
<dd id="smenu1" onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre('');">
<ul>
<li><a href="affichage_photos.php?fichier_photos=3D_promotion">Promotion</a></li>
<li><a href="affichage_photos.php?fichier_photos=3D_industriel">Industriel</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre('');">PAO</dt>
<dd id="smenu2" onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre('');">
<ul>
<li><a href="#">Sous-menu 1</a></li>
<li><a href="#">Sous-menu 2</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu3');" onmouseout="javascript:montre('');">Vidéo</dt>
<dd id="smenu3" onmouseover="javascript:montre('smenu3');" onmouseout="javascript:montre('');">
<ul>
<li><a href="affichage_videos.php">les vidéos</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu4');" onmouseout="javascript:montre('');">Références</dt>
<dd id="smenu4" onmouseover="javascript:montre('smenu4');" onmouseout="javascript:montre('');">
<ul>
<li><a href="#">Sous-Menu 4.1</a></li>
<li><a href="#">Sous-Menu 4.2</a></li>
</ul>
</dd>
</dl>
<dl>
<dt><a href="contact.php">Contact</a></dt>
</dl>
</div>
et son css :
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: relative;
top: 0;
left: 0;
z-index:80;
width: 900px;
margin:auto;
}
#menu dl {
float: left;
width: 140px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
border: 1px solid gray;
width: 140px;
}
#menu dd {
position:absolute;
display: none;
border: 1px solid gray;
width:140px;
bottom:0;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #eee;
}
si tu vois une erreur ou une solution à m'apporter, je prends volontiers... :D