Comment obtenez-vous les numéros d'une liste ordonnée à afficher sur la gauche dans IE?

Question

J'ai des lignes de données dans les balises div qui flottent à gauche et ont des largeurs définies. Ils sont à l'intérieur des étiquettes li. Tout fonctionne bien en chrome et FF, mais dans IE8, les chiffres apparaissent au milieu de mes rangées, juste à côté de la dernière balise div qui n'a pas de flottant à gauche.

Les listes sont créées dynamiquement, donc je vais essayer de recréer un exemple.

<ol id='list'> 
    <li> 
     <div id='d1'>data</div> 
     <div id='d2'>data2</div> 
    </li> 
</ol> 

Le css ressemblerait à quelque chose comme

#d1{ 
    float:left; 
    width:50px; 
} 
#d2{ 
    width:40px; 
} 

Ceci est ma première question ici nous espérons qu'il est assez clair.

Answer 1

Tous les divs qui appartiennent à une ligne particulière doivent être laissés flottants et le conteneur doit être un bloc en ligne ou un bloc normal.

par exemple:

<style> 
    .column { float:left; } 
    #d1 { width: 50px; } 
    #d2 { width: 40px; } 
    li {display: inline-block;} 
    br { clear: both; } 
</style> 
<li> 
    <div class="column" id="d1">data</div> 
    <div class="column" id="d2">data2</div> 
</li> 
<br> 
<li> 
    <div class="column" id="d1">data</div> 
    <div class="column" id="d2">data2</div> 
</li> 

Très probablement, vous avez soit un type de document non valide ou sélectionné qui provoque le mode Quirks qui est pourquoi il fonctionne dans certains des navigateurs.