Costruire layouts basati sul css può essere una "pain in the ass" (= scocciatura, non letteralmente). Con l'intento di salvare la mia e l'altrui sanità, offro questi layouts che ho messo insieme. Tutto qui è senza diritti d'autore, senza copyright e senza garanzia...
(da sito di
Ruthsarian che offre gratuitamente diversi layout - fatti benissimo - di pagine fatte col css)
ha proprio ragione Ruthsarian a dire che costruire il layout di una pagina con il foglio di stile è una "pain in the ass" e può farci diventare pazzi. Devi tenere tante di quelle cose in considerazione che non appena te ne sfugge una hai fatto un patatrac e nemmeno te ne accorgi.
Come ti vedranno le varie tipologie di utenza a seconda del browser che usano, della versione di browser che usano, della grandezza di schermo che usano e tutto il resto?
In giro di layouts ce ne sono diversi, ma pochi mi hanno soddisfatto: controllandoli con vari parametri prima o poi ho trovato un difetto. Per questo mi piacciono molto quelli di Ruthsarian: a meno che ad un pignolo come me non sia sfuggito qualcosa sono perfetti.
Andiamo quindi ad esaminare quello a due colonne con header e footer facendo prima una giusta premessa: quelli a tre colonne sono a mio parere poco funzionali soprattutto per due motivi.
Rendono troppo stretto il corpo centrale (quello dove c'è la "ciccia") facendo diventare molto lunghe le pagine piene di contenuto e prima o poi a qualche particolare grandezza di schermo aprono la barra di scorrimento in basso.
Su quante (tante) sono le grandezze di schermo potete andare su questa pagina di
Anybrowsernon usate notepad come editore di testo per vedere sia i fogli di stile che la pagina xhtml perché, probabilmente, non vedreste bene nè gli uni nè l'altro.
Scaricatevi invece il gratuito ed ottimo editore di testo
EditPad e mi ringrazierete.
Allora bando alle ciance e andiamo a vedere questo layout che è senza tables è compatibile persino con Netscape 4 & IE4 e che ho tradotto per voi cliccando qui
