[Résolu] Mise en forme d'une liste pour Ie7 >

Bonjour,
J'ai une liste avec 2 li.
Sous FF et chrome je suis arrivé a mettre les deux li les uns a coté des autres.
Mais pas pour IE7.
Comment puis je faire ?

<div class="texte_produits_droite">
	<ul class="liste_pieces">
		<li>
			<ul>
				<li>1- aaaa</li>
				<li>2- bbbb</li>
				<li>3- cccc</li>
				<li>4- dddd</li>
				<li>5- eeee</li>
			</ul>
		</li>
		<li>
			<ul>
				<li>6- ffff</li>
				<li>7- gggg</li>
				<li>8- hhhh</li>
				<li>9- iiiii</li>
				<li>10- jjjjj</li>
			</ul>
		</li>
	</ul>	
</div>

.texte_produits_droite{float: right;margin: 0;text-align: justify;width: 380px;display: inline;width: 380px;}
.liste_pieces {margin-top: 20px;padding: 0;}
.liste_pieces ul {margin:0;padding:0;}
.liste_pieces li {display: inline-block;float: left;line-height: 20px;list-style: none outside none;margin-right: 0;text-align: left;width: 190px;}

Modifié par christobal (05 Sep 2013 - 10:57)

Bonjour,

Une piste de réflexion dans cet article de Geoffrey ?
Display inline-block, une valeur trop peu utilisée (cf. "Le cas Internet Explorer")
Sinon, passer par un tableau ?

J'avais déjà testé le zoom:1 et display:inline, mais ca ne semble pas vouloir fonctionner.
Je ne souhaite pas passer par un tableau, il est important que j'utilise une liste.

Le float:left; devrait parfaitement marcher : peut-être un problème dans la valeur de width ?

PS : display:inline-block ne sert absolument à rien si tu mets float:left, donc autant le retirer... Et préciser le width:380px une seule fois devrait suffire

Tu avais complétement raison.
J'avais une différence de 20px du à la marge de gauche du ul li.
Bizarrement ie ne tenait pas compte de la marge:0 mis a la class parente.