IE 6/7 Schwimmerhöhe Ausgabe

Question

I 6 li Elemente aufweist, die in einem 2x3 Raster sein werden schweben erscheinen:

1 2 3 
4 5 6 

Sieht alles außer IE 6/7 in Ordnung, da sieht es so aus:

1 2 3 
4 5 
    6 

Die CSS ich habe, ist:

ul { 
    margin: 0; 
    padding: 0; 
    width: 900px; 
    overflow: hidden; 
} 

li { 
    list-style: none; 
    width: 278px; 
    float: left; 
    margin-left: 12px; 
    line-height: 1.6em; 
    padding-bottom: 20px; 
} 

Artikel 1 und 4 haben diese Stile auf sie:

li.row_start { 
    margin-left: 0; 
    clear: both; 
} 

Das Problem (ich vermute) ist, dass der Inhalt in den Li-Containern je nach Inhalt eine variable Höhe haben kann. Im Beispiel hätte also Element 2 eine größere Höhe als 1 und 3. Wenn also Element 5 versucht, nach links zu schweben, trifft es die Höhe/Auffüllung von Element 2.

Answer 1

Ihre Vermutung liegt richtig. Der einzige Weg, um sicherzustellen, dass Sie ein Layout erhalten, wie Sie möchten, ist die Höhe Ihrer Artikel.