BackupMX

Valutazione attuale: 3 / 5

Stella attivaStella attivaStella attivaStella inattivaStella inattiva
 
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
Argomenti correlati:
css   web  

By  Dario  &  Federica