Axel Richter: CSS floating - Mein Fehler?

Beitrag lesen

Hallo,

folgender HTML-Code zeigt mir im Firefox 0.9.3 die Blöcke gestuft von links oben nach rechts unten an, statt diese untereinander zu zeichnen.

Das macht er richtig, wenn die nachfolgenden LI-Elemente noch Platz haben, um um das vorhergehende Bild mit float:left herum zu floaten.
Folgendes:

#liste li {
    clear: left;
  }

sollte helfen.

Nehme ich die CSS-Regel mit dem Selektor "#liste .tit" weg, so macht FF es dann doch richtig.

Ja, wenn dann die Überschriften H1 hoch genug sind, um, zusammen mit der Höhe der P-Elemente, die Bildhöhe zu ergeben, dann muss das nächste LI-Element wieder vorn links anfangen.

viele Grüße

Axel