CSS Fogli di stile per il sito scolastico Bobby WorldWide Approved AAA

UN LAYOUT A TRE COLONNE

Per implementare un layout a tre colonne utilizziamo il medesimo foglio di stile, ma questa volta con i valori in pixel aggiungendo il div right e modificando i parametri dei vari width. (Vedi l'esempio)

#right { background-color: #FF66FF; background-repeat: repeat; float: left; width: 130px; height: 100%; margin: 0px; }
Con l'inserimento di una nuova colonna dovremo modificare i valori widht e cioè: il left=130 px; il middle=508 px (con il contenuto di 490+9+9) ed il div right a 130 px, per un totale di 768 px, come definito nel div "box"