html - div width auto according to parent total width leftover -


im trying create simple container 2 widths.

<div class="holder">      <div class="info-recieve"></div>      <textarea class="info-send></textarea>  </div>  .holder{  width: 335px;  height: auto; } .info-recieve, .info-send{  float: left;  width: auto; } 

the .first width empty @ start, recieve dynamic html textarea (like tagging system stack overflow).

the textarea start 100%, , adapt .info-recieve width, respecting .parent width max.

here live code:

http://www2.madeinweb.com.br/jobs/sgiurd/edit-profile.html

if guys go "formação" fieldset, type on textarea , press enter.

just take .second of rule have now.

.first {  float: left;  width: auto; } 

jsfiddle example (colors added easy visibility)


Comments

Popular posts from this blog

monitor web browser programmatically in Android? -

Shrink a YouTube video to responsive width -

wpf - PdfWriter.GetInstance throws System.NullReferenceException -