kleines float-problem

[Gunther]

Hi Chris!

.text {position:relative;width:225px;padding:5px;float:left}
.eingabe {position:relative;width:150px;padding:5px;float:left}
.pflicht  {position:relative;width:25px;padding:5px;float:clear}

^^^^^
Float kann nur die Werte left, right oder none haben!-----------|
Clear ist ein eigenes Element, welches die Werte left,right oder both haben kann.

Das funktioniert soweit ganz gut:

<div class=text>...</div>
<div class=eingabe>...</div>
<div class=pflicht>...</div>

Allerdings wenn ich jetzt nochmal das
gleiche mache:

[1]

<div class=text>...</div>
<div class=eingabe>...</div>
<div class=pflicht>...</div>

Wird es nicht darunter gesetzt, sondern
"fliegt" unterhalb von dem letzten pflicht-div
nach rechts...

Wo ist der Fehler bei den float?

Der Fehler liegt in einem fehlenden clear:left begründet.
Eine einfache Lösung wäre das Einfügen der Zeile (bei [1]):
<br style="clear:left">

Für weitere Infos zu clear siehe u.a.: http://www.positioniseverything.net/easyclearing.html

Gruß Gunther