Nessun risultato. Prova con un altro termine.
Guide
Notizie
Software
Tutorial

Il layout fluido a due colonne perfetto

Quali sono le caratteristiche del layout fluido perfetto? Eccone una possibile implementazione su CSSTrick, insieme ad alcune riflessioni.
Quali sono le caratteristiche del layout fluido perfetto? Eccone una possibile implementazione su CSSTrick, insieme ad alcune riflessioni.
Link copiato negli appunti

Ok, forse è un pà pretenzioso il titolo, ma merita una segnalazione. Scopro
di recente The Perfect Fluid Width Layout con relativo esempio. Le caratteristiche
del layout? Riporto tradotta l'introduzione:

Penso che il migliore scenario possibile sia realizzare un layout fluido
che accomodi tutti. Ecco cosa penso che sia il layout fluido "perfetto":

  • Funziona sui principali browser;
  • si restringe fino a 780px, così da non dare scrolling orizzontale a utenti con risoluzione 800x600;
  • si allarga fino a 1260px, così da accontentare gli utenti con risoluzione 1280x768 e quelle intermedie;
  • questo soddisfa il 90% circa degli utenti [...];
  • colonna laterale della stessa altezza della principale;
  • la pagina è centrata per risoluzioni maggiori.

Buone le premesse, un po' fallaci la scelta della marcatura e l'implementazione del foglio di stile dopo un rapido sguardo: con i margini negativi si può eliminare facilmente il vincolo della colonna secondaria prima dei contenuti effettivi; e non c'è bisogno dei div vuoti nel markup che danno il clear per contenere i float. Ultimo, ma non meno importante, l'espressione ternaria per emulare min-width e max-width su IE fino alla versione 6 che impedisce la validazione del CSS: basterebbe inserirlo in un commento condizionale.

Se vi va, posso preparare una versione un po' più pulita da presentare qui sul blog o su HTML.it. Vi basta aggiungere un commento! Concludo con una domanda: che caratteristiche dovrebbe avere secondo voi il layout a due colonne ideale? A larghezza fissa, fluido o elastico?

Ti consigliamo anche