28173 sujets

CSS et mise en forme, CSS3

Bonjour à tous,
J'ai donc fait un menu horizontal simple pour un site. A l'affichage, aucun problème sous Firefox seulement les bordures inférieure et supérieure de chaque "case" de mon menu ont disparu sous IE...
Voici un aperçu :
Sous IE :
upload/6810-menuie.png

Sous Firefox (rendu désiré) :
upload/6810-menuff.png

Voici le code en ce qui concerne la feuille de style...

.menu {
  margin-top:0;
  margin-bottom:0;
  margin-left:auto;
  margin-right:auto;
  width:860px;
  list-style:none;
  background-color:#FFFFFF;
}
.menu li {
  display:inline;
}
.menu a:link, .menu a:visited {
   background-color:#FFFFFF;
   padding:2px 8px 2px 8px;
   text-decoration:none;
   color:#433C6E;
   font-weight:bold;
   font-size:13px;
   font-family:'Lithos Pro Regular','Trajan Pro',Verdana,Sans-serif;
   border:2px solid #433C6E;
}
.menu a:hover {
   color:#FFFFFF;
   background-color:#433C6E;
}


...et en ce qui concerne la page HTML :


<ul class='menu'>
                <li><a href='index.php'>Accueil</a></li>
                <li><a href='blog.php'>Blog</a></li>
                <li><a href='#'>Misc</a></li>
                <li><a href='#'>Liens utiles</a></li>
                <li><a href='#'>Auteur</a></li>
                <li><a href='#'>About</a></li>
 </ul>


Voilà... En vous remerciant à l'avance. Bonne soirée/journée Smiley smile
Modifié par kalipka (04 Jun 2006 - 23:38)
Après avori retourné longuement le problème, j'ai décidé de passer au peigne fin et d'épurer ma feuille de style au maximum... Le problème a disparu Smiley smile
Merci aux lecteurs tout de même.
j'ai eu le problème récemment donc je réponds même si le sujet est terminé ... (ca me fait mon premier post sur le forum Smiley smile )

la taille de la police est gérée différement sous FF et sous IE.
de ce fait la hauteur nécesasire à l'affichage n'est pas la même.
en fixant une hauteur au niveau de ton conteneur ca doit passer.

voilà Smiley smile