Nessun risultato. Prova con un altro termine.
Guide
Notizie
Software
Tutorial
  • Lezione 17 di 41
  • livello principiante
Indice lezioni

Lunghezza e larghezza delle colonne

Impostare al meglio dimensioni e unità di misura
Impostare al meglio dimensioni e unità di misura
Link copiato negli appunti

La scelta della stategia da utilizzare, oltre a condizionare tematiche quali
accessibilità e indicizzazione sui motori di ricerca di cui abbiamo parlato nella
lezione precedente, è dettata anche da questioni di lunghezza relativa delle colonne.

C'è da dire, infatti, che un buon layout a due o tre colonne realizzato con
i float consente, a differenza della versione con i posizionamenti assoluti, di
non imporre vincoli.

In sostanza, la versione con posizionamenti assoluti introduce un limite che
può risultare in certi casi significativo: se vogliamo un layout con footer, infatti,
dobbiamo tener presente che la colonna dei contenuti deve essere più lunga
delle colonne secondarie
.

La larghezza delle colonne secondarie

Premetto che con il termine colonne secondarie intendo genericamente la colonna
di navigazione in un layout a due colonne così come le due colonne laterali in
un layout a tre colonne.

Una questione che si pone in fase di progettazione di un sito è la scelta
del dimensionamento della larghezza delle colonne secondarie. Ci sono tre principali
approcci:

  • colonne secondarie a larghezza percentuale;
  • colonne secondarie a larghezza fissa;
  • colonne secondarie elastiche.

L'approccio basato su colonne secondarie a larghezza percentuale è decisamente
poco utilizzato per svariati motivi, primo fra tutti quello che impedisce
un buon controllo della pagina nel suo complesso. Infatti, alcuni browser hanno
dei problemi di arrotondamento delle percentuali, e può capitare che 100% significhi
un po' più di 100%, generando una fastidiosa scrollbar orizzontale.
L' approccio a larghezza fissa (in pixel) è decisamente il più utilizzato.

Ci sono comunque delle questioni piuttosto rilevanti da considerare: se si usa
un carattere fisso questa strategia è ottima. Se si sceglie un carattere proporzionale
bisognerà accertarsi che, all'aumento della dimensione del font tramite le impostazioni
del browsers, i contenuti delle colonne secondarie degradino bene. Per esempio:
possiamo accettare che il testo di qualche link si disponga su due righe?

Dichiarare colonne secondarie elastiche (e quindi dimensionarle in em)
ha senso solo quando vogliamo rendere i contenuti totalmente ridimensionabili.
Ha lo svantaggio notevole di non consentire una buona precisione. Con questa strategia
non è possibile realizzare layout aiutandosi con immagini di background.

Ti consigliamo anche