Un’alternativa a float e posizionamento assoluto
Martedì 24 Giugno 2008 - 08:17
di Cesare Lamanna
Talvolta si può avere l’impressione che, rispetto alla teoria e alla tecnica CSS indirizzate alla costruzione di layout, tutto sia stato già detto ed esplorato. Poi ogni tanto viene fuori un articolo o un tutorial che, pur senza rivoluzionare lo scenario, propone comunque delle alternative ai metodi classici.
È il caso dell’articolo Faux Absolute Positioning uscito qualche giorno fa su A List Apart. A chi volesse farsi un’idea, partendo magari da un esempio pratico da studiare, segnalo il bel post di analisi di Tommaso Baldovino:
Le ragioni della ricerca di un nuovo metodo per la realizzazione di layout CSS sono nella necessità di risolvere problematiche complesse e non così frequenti: si parla di siti dinamici, dove gli utenti possono magari decidere la posizione degli elementi nella pagina, con tutte le difficoltà che ne derivano.
Proprio per questo la tecnica del Falso Posizionamento Assoluto cerca di unire i pregi dei metodi conosciuti, eliminandone i difetti. In realtà non è esattamente così, ma approfondiamo lanalisi per capire meglio.
Commenti
1
Ho visto come funziona, ma non capisco che effettivi vantaggi porta rispetto al normale utilizzo dei float.
2
Diciamo che il “movente” è ammirevole, ovvero rendere più flessibili i div per le nuove funzionalità, come da post di Badovino.
3
E’ sicuramente un’alternativa apprezzabile al posizionamento ottenuto con i float, però non vedo un vantaggio evidente nell’uso di questa tecnica. Anzi, oltre a mettere comunque in float i vari blocchi, vengono anche cambiati di continuo i riferimenti per un eventuale posizionamento assoluto (dal momento che ogni contenitore è in posizione relativa).
A questo punto tanto varrebbe usare un layout con soli float per poi racchiuderli tutti in un unico contenitore in relative.
# - postato da Fabrizio Calderan - 24 Giugno 2008 - 13:08
4
Non riesco a vedere i benefici di un layout fatto in questo modo, al momento. Quello che salta subito agli occhi, leggendo il codice, è un uso massiccio di div (che Zeldman definisce divite acuta). Non credo che lo utilizzerei anche se, fino ad ora, non ho mai avuto problemi con i float, nonostante si debba scrivere un foglio di stile con qualche rigo solo per IE.
5
I css consentono, evidentemente, di sviluppare ancora nuovi approcci per risolvere vecchie e nuove problematiche. Ogni novità, anche piccola, è molto preziosa, soprattutto per ciò che ne può derivare.
A proposito di layout quanto più possibile flessibili, propongo lo SLIRK Layout (Multi Column Proportional Synchronized Scrolling Layout).
Penso possa risolvere molti problemi (soprattutto “verticali”) relativi alla distribuzione del contenuto di una pagina web. Soprattutto per blog e riviste elettroniche che mal sopportano, a mio avviso, i classici obbligatori buchi.