15. Il contenitore generale

Gli stili del contenitore generale sono i seguenti:

  1. /* Contenitore principale */
  2. #wrapper {
  3. margin: 0;
  4. width: 100%;
  5. font-size: 90%;
  6. }

La larghezza del contenitore generale è ora pari al 100% della finestra di visualizzazione. La dimensione dei font è stata qui ridotta del 10%. A questo proposito occorre citare la riflessione di Franco Frascolla in merito alla necessità che la dimensione dei font non sia inferiore al 100%/1em. Questa riflessione in generale è valida, ma occorre fare alcune precisazioni in sede di design:

  1. una dimensione pari al 100% può essere ottimale se il contenitore del testo ha una larghezza tale da non creare interruzioni di riga eccessive
  2. la dimensione del font, quindi, dovrebbe essere proporzionale alla dimensione del contenitore.

La dimensione del contenitore del testo nel layout originale era tale da consentire l'uso del valore 100%/1em. Nel nostro caso la colonna dei contenuti avrà una dimensione pari al 70% della finestra di visualizzazione. In questo caso la scelta di ridurre il font ci appare ragionevole, tenendo anche presente che:

  1. l'utente può ridimensionare i font
  2. verrà fornito un layout alternativo.

Possiamo osservare i nostri progressi nel nostro documento XHTML e nel nostro documento HTML.