Listes, indentation, FF et sacré IE

Salut à tous, j'ai un soucis avec des listes. J'ai des ul, li et encore des sous ul et li. Dans FF tout est bien indenté, mais sou IE c'est soit tout aligné sans marge, soit en mettant les em en marge d'UL ça fait de toutes petites marges, mais vraiment pas convaincant. J'ai IE 7 et FF 2

voilà mon bout de CSS :

#contenumid ul{
margin-left: 1em !important;
margin-left: 1.5em; 
}
#contenumid li{
  font-size: 100%;
  color:#333333;
  display: list-item;
/*	list-style-type:none;
 	background-image:url(img/puce.png);
 	background-repeat:no-repeat;
 	background-position:0% 65%;
 	padding-left:20px;*/
  list-style-image: url(img/puce.png);
  line-height: 15px;
}
#contenumid li ul{
margin-left: 1em !important;
margin-left: 1.5em; 
}
#contenumid li li{
  font-size: 100%;
  color:#666666;
  display:list-item;
/*	list-style-type:none;
 	background-image:url(img/puce1.png);
 	background-repeat:no-repeat;
 	background-position:0% 65%;
 	padding-left:20px;*/
  list-style-image: url(img/puce1.png);
  line-height: 15px;
}
#contenumid li li ul{
margin-left: 1em !important;
margin-left: 1.5em; 
}
#contenumid li li li{
  font-size: 100%;
  color:#999999;
  display: list-item;
/*	list-style-type:none;
 	background-image:url(img/puce2.png);
 	background-repeat:no-repeat;
 	background-position:0% 65%;
 	padding-left:20px;*/
  list-style-image: url(img/puce2.png);
  line-height: 15px;
}

Merci d'avance

http://pompage.net/pompe/listes/

...

MrPatate a écrit :
http://pompage.net/pompe/listes/

...

ouahou quelle hospitalité !
merci quand même

MrPatate a écrit :
http://pompage.net/pompe/listes/

...

Bonjour à vous

hummmmmmmm ! En effet MrPatate serait-il de mauvaise humeur aujourd'hui ? Le minimum requis sur le forum (voir les règles, svp) est la courtoisie.

Merci de bien vouloir en tenir compte à l'avenir, s'il vous plait

Bonjour r4z,

Je suppose qu'avant de poser ta question tu as écumé la FAQ du forum. Tu as donc naturellement lu la réponse à la question Comment corriger un espace à gauche d'une liste différent entre IE, Firefox et Opera ?, et comme cela ne te permet pas de corriger ton problème, tu fais appel aux lumières des membres du forum.

C'est une riche idée. Par contre, il va falloir nous en dire un peu plus. Comment as-tu appliqué les conseils de la FAQ ? Qu'est-ce que ça a donné comme résultat ?


(Oui, je charrie un peu, mais c'est de l'humour, hein ! )
Modifié par Florent V. (25 May 2007 - 14:39)

Au passage : on évitera autant que possible les dimensions latérales (width, margin-left, margin-right, padding-left, padding-right...) en EM. On utilisera de préférence les pixels pour ces dimensions, ou parfois les pourcentages.

Florent V. a écrit :
Au passage : on évitera autant que possible les dimensions latérales (width, margin-left, margin-right, padding-left, padding-right...) en EM. On utilisera de préférence les pixels pour ces dimensions, ou parfois les pourcentages.

merci, n'empêche que malgré le fait que Mr Patate soit désagréable, il ya une bonne solution dans son lien et ce grâce aux margin-left et padding-left (que j'ai mis en em)

merci pour vos réactions en tous les cas

PS: sur tes conseils j'ai mis en px
Modifié par r4z (25 May 2007 - 15:01)