[ css hover menu ] Tra Explorer e Firefox c'è differenza

[webbeloz]

salve a tutti,

questo problemuccio è da tempo che persiste... e nonostante ripetuti controlli, ad oggi il mio MENU continua ad avere una piccola differenza tra Firefox ed Exporer. Come potete vedere dal link quì sotto...

Fly Fishing ( webbeloz )

il Menu sulla dx nella zona sezioni ( Support ecc... ) quando effettua lo slide, lo sfondo dei pulsanti che appaiono esegue un leggero spostamento.... scala di qualche px verso l'alto !!!

Con Explorer questo non succede!!

Grazie a tutti
webbeloz

[fcaldera]

con Fx4 e Ch10 non noto nessuno spostamento all'hover
tu su quali browser stai testando?

[webbeloz]

su tutti, ma solo con Firefox ho questo leggero spostamento dello sfondo...

[fcaldera]

Originariamente inviato da webbeloz
su tutti, ma solo con Firefox ho questo leggero spostamento dello sfondo...

che versione? 2? 3? 3.5?
non posso testare queste versioni però, sulla fiducia, prova alternativamente

1) a dare display block agli[*], oppure;
2) a dare float:left, clear:left agli[*] oppure;
3) a dare position: relative agli[*]

e aldilà dei problemi secondari, verifica se quel problema specifico si risolve con uno dei tre metodi

[webbeloz]

oggi testavo su Linux con FF 3.6.13, ma ho sempre verificato con WIN e FF 3.6.13

faccio le verifiche con i suggerimenti...
grazie

[webbeloz]

niente da fare, persiste il problema con FF

vediamo il CSS

#navlistmenu, #navlistarch, #navlistcat, #navlistrpost {
        position:relative;
        list-style: none;
	border: none;
	width: 146px;
        margin: 0px;
        padding: 0px;
}

#navlistmenu, #navlistarch, #navlistcat, #navlistrpost li{
        position:relative;
	list-style: none;
	border: none;
	width: 146px;
        margin: 0px;
        padding: 0px;
        display: block !important;
        clear:both; /* non funziona */
        float:right; /* non và! */
}

#navlistmenu a, #navlistarch a, #navlistcat a, #navlistrpost a { 
	position:relative;
        width: 146px;
        padding: 5px 1px 7px 21px;
	font: normal 1.04em Tahoma,Verdana,Arial;
	text-decoration: none; 
	background: transparent url(images/listbg.png) no-repeat top left; 
        margin: 1px 1px 3px 0px;
        color: #494949;
        display: block !important;
}

[ResianTaxidrive]

Io veramente su FF4 vedo il problema anche se non si verifica sempre, sembra una cosa random

[webbeloz]

Vero! lo fà a volte...
io credo dipenda da come si fa hover tra le varie sezioni... quando se ne fanno alcune insieme, cioè si passa sopra veloce... si ferma... ma non su tutte! magari due sezioni si bloccano ma quella sotto lo fà....

[webbeloz]

soluzione / raggirata...
Evidentemente tra Firefox ed Explorer oltre ai problemi ben noti, c'è questa difficoltà a tenere i margini:

margin-top: 5px; /* questo in IE non lo tiene, infatti la cusa stava quì !! a valore 0 ( zero ) è OK */

margin-right: 0px;

margin-bottom: 3px;

margin-left: 0px;

webbeloz

[webbeloz]

Mi correggo! sempre di fretta...

margin-top: 5px; /* questo in Firefox non lo tiene */

/* Con valore 0px; sparisce il saltino...ma abbiamo un effetto diverso!  per avere uno sfondo / bordo come volete... dobbiamo aggiungere un <div> apposito che funge da ulteriore Contenitore! per fissare quel valore di 5px; da mostrare al di fuori dei vari pulsanti... */

margin-right: 0px;

margin-bottom: 3px;

margin-left: 0px;

webbeloz