Salve a tutti.
Sono alle prime armi e sto realizzando una pagina in html collegata a un foglio di stile esterno.
Il problema è che, nello specifico, i div denominati "nav_des" e "indirizzo" vengono visalizzati in maniera leggermente diversa da Firefox.
Il link della pagina è il seguente: http://www.asso-casevacanze.com/antonio_giulia.html
Il listato css è invece:
/* Stile generico per l'elemento body */
body {
background : #339900;
color : #FFFFFF;
font : 12px Arial, Verdana, Geneva, Helvetica, sans-serif;
text-align : center;
}
/*id "sez_princ" */
#sez_princ {
background : #339900;
color : #FFFFFF;
text-align : center;
width : 1180px;
hight : 1000px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -385px;
margin-left: -590px;
}
/*id "contenuto" */
#contenuto {
background : #339900;
color : #FFFFFF;
margin : 0px auto;
text-align : center;
width : 980px;
hight : 1000px;
float : left;
}
/*id "testata" */
#testata {
background : #336600;
color : #FFFFFF;
text-align : center;
margin : 0px auto;
width : 960px;
}
/*id "proprietari" */
#proprietari {
color : #FFFFFF;
font : bold 20px Arial, Verdana, Geneva, Helvetica, sans-serif;
line-height: 35px;
border-bottom : 5px solid silver;
}
/*classe immagine proprietari */
img.imgpropr {
float : left;
margin-top : 3px;
margin-right : 10px;
margin-left : 10px;
margin-bottom : 0px;
}
/*id introduzione */
#introduzione {
font : bold 14px Arial, Verdana, Geneva, Helvetica, sans-serif;
margin: 0px 15px 3px 0px;
text-align : justify;
}
/*id indirizzo */
#indirizzo {
font : bold 14px Arial, Verdana, Geneva, Helvetica, sans-serif;
background : #336600;
text-align : center;
color : #FFFFFF;
margin : -5px auto;
width : 960px;
line-height: 28px;
border-top : 2px solid silver;
}
/*classe sez_sec */
div.sez_sec {
background : #99FF66;
margin-top : 3%;
margin-right : 0%;
margin-left : 1%;
margin-bottom : 0%;
color : #FFFFFF;
width : 960px;
}
/*classe navigazione_sin */
div.navigazione_sin {
font : bold italic 13px Arial, Verdana, Geneva, Helvetica, sans-serif;
color : #FFFFFF;
text-align : center;
background : #336600;
border: 1px solid silver;
float : left;
voice-family : inherit;
width : 150px;
}
/*classe info */
div.info {
background : #339900;
font : bold 13px Arial, Verdana, Geneva, Helvetica, sans-serif;
color : #FFFFFF;
text-align : justify;
padding-bottom : 0px;
padding-left : 10px;
padding-right : 15px;
padding-top : 0px;
height : 349px;
overflow: auto;
}
/*classe nav_des */
div.nav_des {
font : bold italic 13px Arial, Verdana, Geneva, Helvetica, sans-serif;
margin-top : 20px;
margin-bottom: 0px;
color : #FFFFFF;
text-align : center;
background : #336600;
border: 2px solid silver;
voice-family : inherit;
width : 180px;
float : right;
}
/*classe siti_partner */
span.siti_partner {
font : bold 13px Arial, Verdana, Geneva, Helvetica, sans-serif;
text-decoration: underline;
}
Esiste un modo per risolvere il problema??
Grazie mille per qualsiasi aiuto.
alx

Rispondi quotando