IE : pb d'affichage de numéros sur des <li> flottants

Bonjour à tous,

C'est arès avoir vainement cherché la solution pendant 2 jours, que je m'en remets à vous.

Problématique :
Soit <ol> ma liste numérotée :
- Lorsque celle-ci tient sur une seule colone, tout roule.
- Lorsque celle-ci doit tenir sur deux colone, tout foire.

Code CSS:

ol {
	margin : 10px 0;
	padding : 0;
}

ol li {
	padding : 0;
	margin : 0 0 0 23px;
}

/* listes multicolonnes */

ol.liste_2col {
  background : yellow;
}

ol.liste_2col li {
	width : 47%;
	float : left;
	background : red;
}

Code xHTML:

<p>Voici une liste simple, numérotée : </p>
  <ol>
    <li>Tour T1, située au Nord-Ouest</li>
    <li>Tour T2, située au Nord-Est</li>
    <li>Tour T3, située au Sud-Est</li>
    <li>Tour T4, située au Sud-Ouest</li>
  </ol>
					
				
<p><strong>La même, sur deux colonnes</strong></p>
  <ol class="liste_2col">
    <li>Tour T1, située au Nord-Ouest</li>
    <li>Tour T2, située au Nord-Est</li>
    <li>Tour T3, située au Sud-Est</li>
    <li>Tour T4, située au Sud-Ouest</li>
  </ol>

Causes identifiées:
- Le float : left; fait disparaître mes numéros sous IE 6 et 7
- Et autre fait amusant : le width : 47%; fait complètement bugger l'indentation des numéros.
Si on supprimer le float mais que l'on conserve le width, tous les numéros sont réinitialisés à ... 1 !

Voilà...
Si l'un d'entre vous à déjà rencontré le problème ou qu'il le connaît, je serais ravie de bénéficier de ses lumières...
Modifié par Cygnus (21 Jan 2008 - 11:57)

haslayaouuuuuuut, crie le loup le soir au fond des bois

Bon, donc le problème est identifié...
C'est toujours ça de pris !

Merci beaucoup !
Me reste plus qu'à trouver la solution !

Cygnus a écrit :
Me reste plus qu'à trouver la solution !

Oui et ce n'est pas gagné : pour une fois le problème vient du fait que l'élément est doté de Layout. Or il semble que rien ne permet d'enlever le Layout