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