Creare layout multicolonna con div affiancati
Per creare layout multicolonna, il metodo migliore è affidarsi ai fogli di stile CSS e all’impaginazione tramite <div>.
Le tabelle infatti, seppur funzionali per certi aspetti, sono molto rigide.
Ci sono alcuni principi base da applicare sempre:
- float: left/right; questo attributo serve a realizzare l’affiancamento degli elementi.
Dal momento che rimuove gli elementi dal normale flusso di impaginazione, deve essere applicato a tutti gli elementi che compongono il layout, compreso il container. - float: left/right; tutti gli elementi devono avere lo stesso allineamento, così facendo vengono affiancati.
- Le dimensioni dei box interni, compresi margin e padding, non devono superare quella del container, altrimenti vengono messi a capo.
