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!


Rispondi quotando