Ciao a tutti,
ho un problema con un layout a due colonne (una grande ed una colonna a destra), il problema è che lo sfondo è di 764px e comprende anche l'ombra laterale l'ho impostato nel div CONTAINER:
codice:
div#container{
width: 764px;
margin: 0 auto;
text-align: left;
background-image: url(images/sfondo.jpg);
background-repeat: repeat-y;
}
Quindi a ho posizionato i div TESTATA, NAVBAR e fin qui tutto ok poi ho creato il div CONTENT_SX
codice:
#content_sx {
margin-left: 27px;
width: 485px;
padding-left: 3px;
padding-right: 3px;
background: #F8F7EF;
border: 1px dashed #B2B2B2;
border-width: 1px 1px;
padding: 10px;
margin-top: 10px;
margin-bottom: 10px;
}
...e il div NAVIGATION (la colonna di destra)
codice:
div#navigation {
float:right;
width: 201px;
margin-right: 10px;
padding: 0px;
text-align: left;
background-image: url(images/sfondo_dx.jpg);
}
Ora il problema è che la colonna di destra con IE è perfettamente allineata mentre in Firefox è tutta a destra e quindi non coincide, ho provato a cambiare qualcosa ma ho comunque notato che anche se imposto il margin-right per IE è ok AL 10px mentre per Firefox lo devo portare a 18px, ovvio che se lo cambio poi non va più bene per IE come posso risolvere? :master: