Der Martin: <textarea> soll sich automatisch der Höhe anpassen

Beitrag lesen

Hallo,

<div style=" border: 1px solid #000; display: block; height:400px;">

<textarea style="width:40%;float:left; height:100%;">Text area</textarea>

<div style="width:45%; float:right; height:300px; border: 1px solid #000; ">

</div>

</div>


>   
> Nein es funktioniert nicht so wie gewünscht. Also in meinem Beispiel erstreckt sich die textarea jetzt über die Höhe des ersten DIVs, weil ich als Höhe 400px angegeben habe.  
  
ja, richtig.  
  

> Wenn ich diesen Wert allerdings lösche, sollte eigentlich der Wert des zweiten Divs die Höhe der textarea steuern. Tut dieser aber nicht.  
  
Auch richtig. Das innere div-Element ist gefloatet. Das hast du im ersten Post verschwiegen. Eine Nebenwirkung davon ist, dass es keinen Einfluss mehr auf die Höhe seines Elternelements hat. Für die Bestimmung der Höhe seines Elternelements ist es praktisch "nicht da".  
  
Aber warum floaten? Gib doch beiden Elementen im Container, also sowohl dem textarea- als auch dem inneren div-Element, display:inline-block, dann kannst du sie auch nebeneinander anordnen, weil sie als kompakter Block wie Text fließen. Ob das mit der Höhenanpassung dann auch so elegant geht, kann ich aber nicht mit Sicherheit sagen.  
  

> > Hallo,  
> > [...]  
> > Ciao,  
> >  Martin  
  
Und bitte keine Fullquotes. Danke.  
  
So long,  
 Martin  

-- 
Vater Staat bringt uns noch alle unter Mutter Erde.  
Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(