| Layout fluido a tre colonne con css |
| Scritto da Federica |
| Venerdì 21 Settembre 2007 14:30 |
|
Un layout fluido ha come caratteristica fondamentale quella di adattarsi alla risoluzione su sui viene visualizzato. Usando i tag DIV bisogna comporre la struttura in modo diverso rispetto a quel che si fa con le tabelle. Un codice di esempio è : css .colsx { float: left; width: 20%; } .colcx { margin-left: 20%; margin-right: 20%; } .coldx { float: right; width: 20%; } html <div class="colsx">Colonna di sinistra</div> <div class="coldx">Colonna di destra</div> <div class="colcx">Colonna centrale</div> Questo esempio è solo indicativo, viene scritta solo la struttura di base, poi ognuno lo può personalizzare a piacimento Si noti che in successione nella disposizione dei DIV la colonna di destra viene inserita prima della colonna centrale, per poter funzionare correttamente |
Aggiungi commento