Ciao a tutti,

sto provando a convertire un sito da un layout basato su tabelle ad un layout basato sui div.

Un caso di esempio semplice: con due colonne a sinistra e a destra e una tabella di dati in centro.

codice:
<div id="myleft" style="float:left; background-color:#FFAAAA; border:1px solid black;">
	<div style="width:120px">
		Testo a sinistra
	</div>
</div>

<div id="myright" style="float:right; background-color:#AAAAFF; border:1px solid black;">
	<div style="width:50px">
		Testo a destra
	</div>
</div>

<div id="mycontent" style="float:none;  background-color:#FFAAFF; border:1px solid black;">
	<div>
		<table style="background-color:#AAFFAA">
		<tr>
		<td>1.1</td>
		<td>1.2</td>
		</tr>
		<tr>
		<td>2.1</td>
		<td>2.2</td>
		</tr>
		</table>
	</div>
</div>


I width di 'myleft'/'myright' dovrebbero essere calcolati dal browser per contenere i sotto-div.

Quello che non riesco a fare è dirgli che la tabella è larga tutta l'area di content;
ogni prova che ho fatto, o va oltre il div 'myright', o va a capo sotto 'myleft'.

Come si può fare?
grazie mille in anticipo!