[resolu] Largeur d'un element de menu

encore une incompréhension concernant un menu (je n'ai pas trouvé sur la FAQ)


dans une structure classique de ce type
------------------------
ul {
list-style-type: none;
width: 100%;
}

.menu li {
float: left;
}

.menu a { color: #000; text-decoration: none; background: #fff; text-align: center; display: block; margin: 0 2px; width: auto; height: 20px; border: solid 1px gray }
-----------
pourquoi IE ne reconnait il pas la valeur width: auto ?????

ca fonctionne très bien avec Firefox et ca permet d'ajuster la dimension des menus en longueur mais explorer si je lui donne cet attribut, il ne comprend plus rien et me mets les menus les uns sous les autres


une idée ??

merci

jacques
Modifié par jacques (19 Feb 2007 - 18:47)

J'ai une solution qui marche chez moi. Au lieu de :

.menu li {
float: left;
}
.menu a 
{color: #000; text-decoration: none; background: #fff; 
text-align: center; display: block; margin: 0 2px; width: auto; height: 
20px; border: solid 1px gray }

ajoute un float: left

.menu li {
display: inline;
}
.menu a 
{ color: #000; text-decoration: none; background: #fff; 
text-align: center; display: block; margin: 0 2px; width: auto; height:
 20px; border: solid 1px gray; float: left}

La page suivante Sandor utilise cette méthode et s'affiche à l'identique sous IE/FF. En espérant que votre problème affichera résolu et cordialement.
IlSandor.
Modifié par ilsandor (24 Apr 2005 - 01:55)