Salve a tutti.
Qualcuno sa spiegarmi cosa devo cambiare al css per risolvere questa situazione?
E' un problema di visualizzazione tra browser. Praticamente l'unico che visualizza il menu in modo corretto è IE7 tutti gli altri non visualizzano correttamente lo sfondo e i 2 menu si sovrappongono.
Guardate le immagini
www.webexperiment.it/menu.jpgIl codice css interessato:
.module_menu{ /* sfondo menu Categoria prodotti*/
width: 220px;
background: #5d9fac url(../images/bgMenuP.jpg) no-repeat;
}
.module_menu h3{ /* il titolo del menu Categoria prodotti*/
width: 202px;
height: 45px;
font-size: 13px;
letter-spacing:-1px;
padding:5px 0 0 19px;
background:url(../images/bgTitleModule.jpg) no-repeat;
margin:0 0 0 6px;
}
.module_menuN{ /* sfondo menu Novità*/
width: 220px;
background: #5d9fac url(../images/bgMenuN.jpg) no-repeat;
}
.module_menuN h3{ /* il titolo del menu Novità*/
width: 202px;
height: 45px;
font-size: 13px;
letter-spacing:-1px;
padding:5px 0 0 19px;
background:url(../images/bgTitleMenuN.jpg) no-repeat;
margin:0 0 0 6px;
}
div.module_menuN { /* distanza tra i menu*/
margin-bottom: 20px;
}
Per questo menu sto' utilizzando il modulo extended-menu-module-1.0.6 e suckerfish-vertical-1.0.1
Grazie a tutti