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:
Quindi a ho posizionato i div TESTATA, NAVBAR e fin qui tutto ok poi ho creato il div CONTENT_SXcodice:div#container{ width: 764px; margin: 0 auto; text-align: left; background-image: url(images/sfondo.jpg); background-repeat: repeat-y; }
...e il div NAVIGATION (la colonna di destra)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; }
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:codice:div#navigation { float:right; width: 201px; margin-right: 10px; padding: 0px; text-align: left; background-image: url(images/sfondo_dx.jpg); }

Rispondi quotando
