Drop Column Layout con i CSS
Mercoledì 8 Febbraio 2006 - 14:53
di Cesare Lamanna
Tra i tanti tipi di layout con i CSS, questo mi mancava. Non tanto nella concezione, quanto per la denominazione: Drop Column Layout.
L’immagine mostra lo schema di base. Si tratta di un layout con quattro colonne a larghezza fissa in cui, restringendo la finestra, la colonna posta all’estremità destra scivola sotto quella che la precede. L’esempio finale, completo di codice, è qui. Il tutto è anticipato e presentato in questo post.
Commenti
1
Non male, sarebbe migliore però se, nella situazione a 3 colonne, il “Quaternary Content” venisse posizionato sotto al “Secondary Content”. Resta una bella soluzione comunque.
# - postato da Tomas - 08 Febbraio 2006 - 16:44
2
Cesare, aggiungo questo post di Richard Rutter sull’argomento, con diversi esempi di soluzioni js css o solo css e questo sito che usa la tecnica delle drop columns.
# - postato da Alessandro Fulciniti - 08 Febbraio 2006 - 21:12
3
Sarò stanco e assonnato, ma non capisco cosa ci sia di diverso da quello che accade molto spesso col float, da sempre.
# - postato da Gianluca - 09 Febbraio 2006 - 01:24
4
solo per la cronaca: ho inviato, in data 07/11/2005 11.46, una email al sig. Fulciniti in cui proponevo la stessa tecnica con l’indicazione dell’url della pagina di prova, a tre colonne di larghezza fissa: una a sx per content e due a dx affiancate o impilate a seconda della larghezza del view-port
cordiali saluti
ing# - postato da ing. salvatore fusto - 09 Febbraio 2006 - 09:55
5
Anche il sito del Politecnico di Milano utilizza questa tecnica da un paio di anni…
6
«Anche il sito del Politecnico di Milano utilizza questa tecnica da un paio di anni…»
Infatti non si capisce il motivo per cui qualcuno abbia dato un nome a ciò e abbia scritto un articolo su questo.
# - postato da gianluca - 09 Febbraio 2006 - 12:13