input text auto espandibile

[Gianni_T]

Salve,
devo formattare una etichetta ed un campo input di testo in modo che entrambi appaiano sempre sulla stessa riga ed in più l'input di testo espanda la sua lunghezza per tutto lo spazio concessogli dal div che lo contiente, espandendosi quindi sul lato destro fino a che non incontra il bordo dell'elemento contenitore.

L'HTML è il seguente:

<label>Etichetta</label><input name="campo" type="text" />

Grazie

[pidgey]

Se ho ben capito vuoi fare una cosa del genere, giusto?
Ciao.

div.elementoInput{
width:400px;
border:1px solid #FA0;
display: block;
float: left;

}
input{
width: 100%;
}
label{
float: left;
padding: 4px
}


<label>Etichetta</label><div class="elementoInput"><input name="campo" type="text" /></div>

[Gianni_T]

in realtà nel mio caso il DIV contiene sia la label che il campo input

[pidgey]

Guarda ho trovato quet'articolo forse ti può essere utile
http://css.html.it/articoli/leggi/22...i-con-i-css/3/

ciao

[Gianni_T]

purtroppo non va ancora bene perché l'esempio che mi hai indicato pone le lunghezze della label e dell'input in percentuale, mentre nel mio caso alla label non posso mettere una misura in percentuale ma al massimo una in pixel.

Quindi la mia label ha una dimensione fissa mentre l'input deve allargarsi automaticamente fino a toccare il gordo del div contenitore.