MrMurphy1: Text linksbündig nach Tabellen

Beitrag lesen

Hallo

Jetzt verstehe ich.

Du hast dich nicht über die Grundlagen von float informiert.

Float dient nicht dazu Container links- oder rechts auszurichten.

Gefloatete Elemente umfließen die restlichen nicht gefloateten Elemente und werden dazu aus dem Dokumentenfluß genommen.

In deinem Beispiel umfließen die table-Elemente das p-Element.

Damit das p-Element nicht mehr umflossen wird muss das float durch ein clear beendet werden. Merksatz: Kein floaten ohne clearen.

Das clear muss dem ersten Element zugewiesen werden, das nicht mehr umflossen werden soll. In deinem Beispiel dem p-Element.

Mit Inline-CSS kann das so aussehen:

<p style="clear: left;">Linksbündiger Text unter dem Rahmen.</p>

Float hält sehr viele Fallen bereit. Siehe zum Beispiel

Little Boxes ab Kapitel 13

oder

http://www.andreas-kalt.de/webdesign/tutorials/float-theorie

oder

http://www.thestyleworks.de/basics/float-rule.shtml

Gruss

MrMurphy