Ciao a tutti.
Sto realizzando una pagina html con una struttura a tre colonne utilizzando esclusivamente gli elementi <div>. Per rendere meglio l'idea posto direttamente il sorgente:
e questo è il css:
* {
margin: 0;
padding: 0;
}
body {
margin: 20px 0;
background: #121212 url(immagini/sfFiori.gif) fixed;
font: normal small Arial, Helvetica, sans-serif;
}
/* Page -------------------------------------- */
#page {
width: 900px;
margin: 0 auto;
background: #FFFFFF;
border: 12px solid #1A1A1A;
}
/* Logo -------------------------------------- */
#logo {
height: 150px;
clear: both;
}
/* Menu -------------------------------------- */
#menu {
height: 50px;
background: #1A1A1A;
padding-left: 8px;
clear: both;
}
#menu ul {
margin: 0;
list-style: none;
}
#menu li {
display: inline;
}
/* Contenuto -------------------------------------- */
#contenuto {
margin: 0;
padding: 0 0 10px 0;
clear: both;
}
/* Contenuto > Welcome -------------------------------------- */
#welcome {
float: none;
height: 40px;
margin: 0;
border-width: 2px 0 2px 0;
border-style: solid;
border-color: white;
padding-left: 6px;
padding-top: 5px;
background: #cfc52f;
}
/* Contenuto > Sinistro -------------------------------------- */
#sinistro {
float: left;
width: 200px;
height: 40px;
margin: 0;
border-width: 2px 2px 2px 2px;
border-style: solid;
border-color: white;
padding-left: 6px;
padding-top: 5px;
background: #cfcfcf;
}
/* Contenuto > destro -------------------------------------- */
#destro {
float: right;
width: 200px;
height: 40px;
margin: 0;
border-width: 2px 2px 2px 2px;
border-style: solid;
border-color: white;
padding-left: 6px;
padding-top: 5px;
background: #cfcfcf;
}
/* Footer -------------------------------------- */
#footer {
clear: both;
padding: 8px;
border: 2px solid white;
background: #EBE6E8;
}
Chiedo scusa per la lunghezza del post. Il problema che non riesco a risolvere sta nel padding del div "welcome": viene visualizzato correttamente con IE7 mentre con Firefox no. Il paragrafo Benvenuto non viene spostato di 6px come avviene per gli altri due div adiacenti. Da cosa dipende? Cosa ho sbagliato?
Grazie mille!