body { font: 100% Verdana, Arial, Helvetica, sans-serif; background: #666666; margin: 0; /* è buona norma impostare a zero i valori margin e padding dell'elemento body per tenere conto delle diverse impostazioni predefinite dei browser*/ padding: 0; text-align: center; /* centra il contenitore nei browser IE 5*. Il testo viene quindi impostato con l'allineamento predefinito a sinistra nel selettore #container */ color: #000000; background-image: url(); background-repeat: repeat; background-color: #FFFFFF; } .oneColFixCtrHdr #container { width: 780px; /* i margini auto (insieme a una larghezza) centrano la pagina */ border: 0px solid #000000; text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body. */ margin-top: 30px; margin-right: auto; margin-bottom: 0; margin-left: auto; left: 30px; background-color: #E0E2E1; } .oneColFixCtrHdr #header { padding: 0 10px 0 20px; /* questo padding corrisponde all'allineamento a sinistra degli elementi nei div sottostanti. Se in #header viene utilizzata un'immagine anziché un testo, può essere utile rimuovere il padding. */ background-color: #666666; } .oneColFixCtrHdr #header h1 { margin: 0; /* azzerando il valore margin dell'ultimo elemento del div #header si evita la compressione del margine, con la creazione di uno spazio inspiegabile tra i div. Se il div è circondato da un bordo, questo accorgimento non è necessario perché anche il bordo impedisce la compressione del margine */ padding: 10px 0; /* l'uso del valore padding al posto di margin consente di distanziare l'elemento dai bordi del div */ color: #CCCCCC; } .oneColFixCtrHdr #mainContent { padding: 0 20px; color: #000000; } .oneColFixCtrHdr #footer { padding: 0 10px; background-color: #666666; } #menu { color: #333333; height: 33px; background-color: #E0E2E1; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-color: #333333; border-right-color: #333333; border-bottom-color: #333333; border-left-color: #333333; background-image: url(sito_old/images/sfondomenu.gif); border-top-style: solid; border-bottom-style: solid; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding: 0px; } .oneColFixCtrHdr #footer p { margin: 0; /* azzerando il valore margin del primo elemento del footer si evita il rischio di compressione del margine, con la creazione di uno spazio tra i div */ padding: 10px 0; /* il padding di questo elemento crea uno spazio, così come avverrebbe specificando un valore margin, senza il problema della compressione del margine */ } #menu ul { list-style-type: none; height: 33px; float: left; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 25px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 40px; } #menu li { font-size: 12px; display: inline; margin: 0px; height: 33px; } #menu a{ font-size: 12px; display: block; background-repeat: repeat-x; text-decoration: none; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-color: black; border-right-color: black; border-bottom-color: black; border-left-color: black; font-weight: bolder; height: 33px; text-align: center; padding: 0px; width: 92px; float: left; margin: 0px; } #menu a:hover{ font-size: 12px; font-weight: bold; color: #0033FF; background-color: #99CCCC; height: 33px; } .oneColFixCtrHdr #prodotti { padding: 0 10px; color: #000000; } .Stile1 { font-size: 120%; font-weight: bold; color: #000000; } .Stile2 { font-size: 150%; color: #000000; } a { font-size: 15px; }