ciao a tutti,
ho fatto un semplice menù a sostituzione di immagine tramite css,
ma con firefox lo vedo nel posto giusto
http://www.ing.unitn.it/cssa/
mentre con explorer è "shiftato" di un centinaio di pixel.
E' un problema comune?
Perchè è difficile trovare lo stesso identico problema in rete,
viste le numerose differenze tra IE e FF.
grazie!
PS allego il poco codice css:
ul#nav { background:url(img/navBG.jpg) }
ul#nav li { float:left; list-style-type:none }
ul#nav li a { height:47px; display:block; position:absolute; left:0; text-indent:-999px; outline:none }
---ho provato a mettere position: relative; ma viene "a scaletta"...
li#navHome a, li#navDoc a, li#navComun a, li#navVerb a, li#navRiser a, li#navLinks a, li#navAss a, li#navEmail a { background:url(img/navBG.jpg) }
li#navHome a { background-position:0px 0px; width:150px; top:0 }
li#navHome a:hover { background-position:150px 0px }
body#pageNews li#navHome a { background-position:150px 0px }
li#navDoc a { background-position:0px -47px; width:150px; top:47px }
li#navDoc a:hover { background-position:150px -47px }
body#pageShop li#navDoc a { background-position:0px 0px }
li#navComun a { background-position:0px -94px; width:150px; top:94px }
li#navComun a:hover { background-position:150px -94px }
body#pageComun li#navComun a { background-position:-138px -82px }
...eccetera per gli altri bottoni...
html { text-align:center }
body { text-align:center; width:800px; margin:0 auto; background:#FFF top center no-repeat; position:relative }
ul#nav { position:absolute; top:176px; left:7px }
Rispondi quotando
