Problemi di rendering
Inviato: lun 26 set 2011, 11:17
A proposito del menu a tendina oggetto di questo post
viewtopic.php?f=20&t=34714
ho un problema di rendering. Con tutti i browser
che ho verificato su Linux funziona perfettamente
(Opera, Konqueror, Firefox, Chromium). Invece
su Windows - tanto per cambiare - Explorer
versioni 8 e 9 mi creano un problema significativo.
La voce più lunga del menu ("Chi siamo") sfora
e va a capo, creando un riquadro che sporge in basso
Inoltre i link a tendina non funzionano affatto.
Posto il codice del CSS, anche se non capisco
la natura del problema (ma IE non era diventato
molto più conforme alle specifiche del W3C?).
Grazie
M.
viewtopic.php?f=20&t=34714
ho un problema di rendering. Con tutti i browser
che ho verificato su Linux funziona perfettamente
(Opera, Konqueror, Firefox, Chromium). Invece
su Windows - tanto per cambiare - Explorer
versioni 8 e 9 mi creano un problema significativo.
La voce più lunga del menu ("Chi siamo") sfora
e va a capo, creando un riquadro che sporge in basso
Inoltre i link a tendina non funzionano affatto.
Posto il codice del CSS, anche se non capisco
la natura del problema (ma IE non era diventato
molto più conforme alle specifiche del W3C?).
Codice: Seleziona tutto
/*stili per la sezione hormenu*/
#hormenu_wrapper {width:100%; height:50px; padding:35px 0; margin:0}
#hormenu{padding:0; margin:0; font-size:90%; font-weight:bold; float:left}
#hormenu ul{margin:0; padding:0}
#hormenu li{width:100px; float:left; margin:0; padding:10px;
border-left:1px solid black; background-color:#FF9900; color:black;
list-style-type: none}
#hormenu a{display:block; padding:2px; color:black; text-decoration:none}
#hormenu a:hover{background-color:#FF9900; color:black; text-decoration:underline}
#hormenu li ul {display:none}
#hormenu li:hover ul{display:block; position:absolute; z-index:1; width:150px;
padding: 0; margin: 0 0 0 -1px}
#hormenu li li {border:none; width:150px; height:30px}
#hormenu li li a {padding:1px 1px 1px 10px}
#hormenu li:first-child{border:0}M.