Ciao a tutti!
non riesco a fare in modo che un div si estenda in altezza in modo da contenere tutto il suo contenuto (e quindi che tutto il contenuto abbia lo sfondo del div).
Mi spiego meglio:
ho 8 tabelle, tutte della stessa misura, che devo visualizzare su una pagina in modo che vengano fuori due colonne con due tabelle per riga, così:
____________
| |
| TAB1 TAB2 |
| TAB3 TAB4 |
| TAB5 TAB6 |
| TAB7 TAB8 |
|____________|

Quella specie di cornice e il div in questione, a cui ho assegnato id=divSup, mentre le 8 tabelle hanno id=tab1, id=tab2, ecc..

Ho creato questi CSS:

#divSup {
width:100%;
height:2500px;
background-color:#75DB4B;
}

#tab1, #tab3, #tab5, #tab7 {
width:380px;
height:600px;
position:relative;
top:20px;
left:1%;
float:left;
}

#tab2, #tab4, #tab6, #tab8 {
width:380px;
height:600px;
position:relative;
top:20px;
right:1%;
float:right;
}

Il problema è che non dovrei specificare l'altezza di ogni tabella (600px) e l'altezza totale del div (2500px=600px*4 + 100px di margine).
Se non specifico le altezze il divSup e metto height=auto mi viene alto pochi pixel e le tabelle escono fuori.
In teoria, l'altezza del div contenitore non dovrebbe adattarsi al suo contenuto?

Mi sono proprio perso...