Beat: Float

Beitrag lesen

<div style=" border: 1px solid #00f;">
Hier ist normaler Inhalt mit ein paar Worten
<div style="float:left; border: 1px solid red;">Gefloateter Inhalt</div>
normaler Inhalt Fortsetzung und noch etwas Text dazu.
<div>

Danke dass du mich auf den Fehler aufmerksam machst.
Hoffe das Beispiel zeigt auch dir das Verhalten.

ich muss zugeben, ich weiss gar nicht so recht, was OP überhaupt will. :)

Leuchtet die Anwendung solchen Codes nicht ein?

Stelle dir einen Text vor, der gelegentlich Worte hat, welchen unmittelbar ein float mit einem Stichwort als Inhalt folgt. Das Float-Element wird an den Rand gesetzt, eventuell noch über den normalen Textrand hinaus.
Wir finden diese Layout-Technik bei Buchtexten, die für ein Kettenverzeichnis Begriffe an den Rand notieren. Hierbei ist nicht erwünscht, dass zusätzlich Absätze entstehen. Deshalb erscheinen zum Beispiel gefloatete Blockelemente als normale flow-children im 'Fliesstext'.

Das Beispiel stellt also den Nachbau einer Buchtechnik dar, bei man im Internet vielleicht eher die Option mit CSS-Popups hat.

Man muss also nicht eine Konstruktion verwerfen, nur weil eine praktische Anwendung nicht gleich bekannt ist.

mfg Beat