Elemente mit style="float:right;"
oder style="float:left;"
zu positionieren kann gefährlich sein.
Das Problem ist, dass ein Element nach dem float versucht, sich daneben / dazwischen zu positionieren.
Um zu unterbinden dass ein Element sich neben einem Floating-Element positioniert muss man diesem style="clear: both;"
zuweisen.
Hier ein Beispiel:
Hier wird das mittlere Element zwischen die beiden Floats gequetscht (falls genug Platz)
<div style="float:left;">Mein linkes Element</div> <div style="float:right;">Mein rechtes Element</div> <div>Mein mittleres Element</div>
Hier wird das mittlere Element in jedem Fall unter den beiden Floats positioniert.
<div style="float:left;">Mein linkes Element</div> <div style="float:right;">Mein rechtes Element</div> <div style="clear: both;">Mein mittleres Element</div>
Hier könnt ihr es im Browser anschauen:
Float Test