Menu simple ie Résolu ! merci

Bonjour,

J'ai un menu simple du style:

Agence
Réalisation
tatati
Tatat

Il est inseré dans une <div id="menu">

Avec le code css suivant :

#menu {
	height: 150px;
	width:200px;
	padding:0px 0px 00px 60px;
	margin:0px auto 0px 0px;
	float:left;
	
}
#menu li{
	list-style-type: none ;
}
#menu li a{
	color:#666;
	text-decoration: none ;
	font-weight:400;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	line-height: 30px;
	
}
#menu a:hover{
	color:#333;
}

Il fonctionne super bien sur tous les navigateurs sauf IE7/6. Il marche, mais il n'est pas placé au même endroit , et ca fait pas pro et c pas beau quand on voit le site en entier !!

Voici ci dessous les impress ecran.
Modifié par dreadstock (25 Apr 2009 - 21:47)

Bonjour,

en corrigeant :

padding:0px 0px 00px 60px;

le 0 en trop en 3ème position. C'est pas mieux ?

Sinon, sans voir une page en ligne, je ne vois pas d'autre problème.

Salut,

quelques remarques :

* pour les valeurs égales à 0 l'unité est inutile : padding: 0 0 0 60px;

* un élément DIV n'a pas de margin ou padding par défaut donc tu aurais pu faire : padding-left: 60px;

* que cherches-tu à faire avec ton margin: 0 auto 0 0; déjà étonnant en soit et encore plus avec le float: left ?


Sinon ton problème vient de ce que les listes n'ont pas les mêmes margin et padding par défaut dans IE et dans les autres navigateurs (cf. cette astuce).

Tu n'aurais d'ailleurs pas eu le problème si tu avais directement affecté ton id #menu à l'élément UL plutôt qu'à ce DIV (à priori inutile).

Merci à tous les deux pour votre aide, fructueuse d'ailleurs !!!
J'ai reussi grace à la technique de Raphaël

a écrit :
Sinon ton problème vient de ce que les listes n'ont pas les mêmes margin et padding par défaut dans IE et dans les autres navigateurs (cf. cette astuce).

concernant

a écrit :
pour les valeurs égales à 0 l'unité est inutile : padding: 0 0 0 60px;

merci pour l'info c très pratique !!