Umschließendes div

[Gerd]

Hallo,

ich möchte 2 divs nebeneinander ausrichten und damit sie auf der gleichen Höhe sind mit vertical-align:bottom ausrichten:

<div style='vertical-align:bottom;border:1px solid red;'>
  <div style='width:50%;float:left;'>
  test
  </div>
  <div style='width:50%;float:right;'>
  <input type='text' name='text'>
  </div>
</div>

Aber das außere div umschließt mir die beiden anderen divs nicht?

Danke für euer Hilfe
Gruß
Andi

Hi Andi,

Du musst die gefloateten DIvs innerhalb der Container DIV clearen.
Also

<div style='vertical-align:bottom;border:1px solid red;'>
<div style='width:50%;float:left;'>
test
</div>
<div style='width:50%;float:right;'>
 <input type='text' name='text'>
</div>
<div style="clear: both"></div>
</div>

Es gibt auch noch eine Methode ohne zusaetzliches Markup, aber das genannte Beispiel sollte fuers erste reichen.

Gruß,
Gerd