Conny: Firefox hebt ein float zu viel auf

Beitrag lesen

Hallöchen ihr,

ich stehe mal wieder auf dem Schlauch. Die Reihenfolge ist:

<div></div>
<div></div>
<div>mit float:left</div>
<div>Mit dem Inhalt der Seite.</div>

Das wird alles auch korrekt dargesellt. Nun habe ich im Inhalsbereich aber mehrere Bilder untereinander, die jeweils mittels float:left nebendran noch einen kurzen Text stehen haben. Damit immer ein Bild unter dem nächsten steht, muss ich das float für das nächste Bild ja wieder aufheben. Nun hebt Firefox aber auch zusätzlich noch das float der dritten Ebene auf. (IE macht es so wie ich es will.)

Ich vermute, dass das mit dem Elternelement zu tun hat. Aber wieso funktioniert es dann nicht, wenn ich alle Bilder gemeinsam auf eine Ebene lege oder jedem einzeln ein div zuordne?

Die einzelnen Bilder sind so angegeben:
<p><a><img mit float:left></a>Text<a>E-Mail</a></p>
<p mit clear:left><a><img mit float:left></a>Text<a>E-Mail</a></p>

Die Lösung ist bestimmt wieder total trivial...

Gruß,
Conny