allungare i div in base al contenuto

[gaten]

Salve ragazzi .. praticmente non riesce ad allungare i div in base al loro contenuto esempio:

ID NOME COGNOME EMAIL
1 gaten esposito prova@prova.it


Qua praticamente si è inscritta una persona.... successivamente se ne iscrivono altre:

ID NOME COGNOME EMAIL
1 gaten esposito prova@prova.it
2 gaten esposito prova@prova.it
3 gaten esposito prova@prova.it

Utilizzo un div come sfondo .. ed altri div all'interno .. ecco il codice:

<div id="table">
	<div id="legend">	
    	<div id="cella_ID">ID</div>
		<div id="cella">Nome</div>
		<div id="cella">Cognome</div>
    	<div id="cella_email">E-mail</div> 
		<div id="cella">Indirizzo</div>
    	<div id="cella">Città</div> 
		<div id="cella">Cap</div>
    	<div id="cella">Telefono</div> 
		<div id="cella">Nato il</div>
	</div>
    <div id="contenuti">
    	<div id="contenuti_cella_ID">Gaten</div>
        <div id="contenuti_cella">Gaten</div>
    </div> 
</div>

Non esiste una proprietà in css che permette questo?

Grazie anticipatamente...

ecco un immagine di come viene.. come vedete lo sfondo.. non si allunga in base al contenuto:

[blekm]

se non definisci le altezze dei div, dovrebbero allungarsi automaticamente

[gaten]

Lo so.. ma infatti per questo mi è strano.. guarda un pò il foglio di stile.. io allo sfondo non ho dato nessun altezza:


(ECCO LO SFONDO)TABLE
#table {
width:868px;
border:2px solid;
border-color:#333333;
background-color:#CCCCCC;
margin:0 auto;
padding:3px;
}

#cella {
padding: 2px;
background-color:#FFFFFF;
float:left;
width:87px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
margin-left:1px;
}

#cella_ID {
padding: 2px;
background-color:#FFFFFF;
float:left;
width:50px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
}

#cella_email {
padding: 2px;
background-color:#FFFFFF;
float:left;
width:165px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
margin-left:1px;
}

#legend {

}

#contenuti_cella {
padding: 2px;
background-color:#FFFFFF;
margin-top:2px;
width:87px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
float:left;
margin-left:1px;
}

#contenuti_cella_ID {
padding: 2px;
background-color:#FFFFFF;
margin-top:2px;
width:50px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
float:left;
margin-left:1px;
}

[gaten]

Il problema viene scaturito solamente se utilizzo div all'interno di un altro div ....
Ovviamente se creo un semplice div e gli scrivo all'interno si allunga in base al contenuto... ma qui rimante statico..

[fcaldera]

1) non puoi assegnare lo stesso id 'cella' a più di un elemento per pagina
2) non hai fatto clearing sull'elemento table (hai floattato le celle)
3) hai usato una struttura a div quando il markup più adatto in questo caso è una tabella

[gaten]

Bè infatti .. ho utilizzato le tabelle e non ho avuito nessun problema