Piccole differenze di allineamento tra Chrome e Safari

[ivanisevic82]

Nel sito che sto realizzando ho un meno a discesa che viene visualizzato perfettamente in Safari, mentre l'allineamento risulta imperfetto in Chrome, come da foto:

Disallineamento.jpg

Avete idea di quale possa essere il motivo e di come si possa risolvere?

Grazie!

[SoloWiFi]

Non lavorare in pixel (px) ma in em
Ricorda solo che se cambi font cambiano le dimensioni

[ivanisevic82]

Non lavorare in pixel (px) ma in em
Ricorda solo che se cambi font cambiano le dimensioni

Ciao e grazie innanzitutto per il supporto!

Ho provato a cambiare i px in em, ma quel disallineamento resta.

Si tratta di un disallineamento inferiore a 1px (me ne rendo conto perché è meno della metà della sottolineatura del testo, che è di 2 px).

Penso che derivi dal fatto che il menu slide-down è distanziato dalla navbar testuale mediante un margin-top.

E' possibile che la dimensione del testo varia lievissimamente (meno di 1px) a seconda che si usi Chrome o Safari (Firefox si comporta come Chrome)?

Se così fosse dovrei riuscire a distanziare lo slide-down submenu dal menu principale usando come riferimento NON il menu testuale (le cui dimensioni variano in base al variare delle dimensioni del testo), ma un diverso elemento (ad esempio il "div" all'interno del quale è posizionato il menu).

Non saprei però come fare perché il "margin-top" me lo vede come relativo al menu "ul" e non al suo contenitore "div".

Spero di essermi spiegato correttamente...

In pratica dovrei impostare un margine rispetto ad un elemento non adiacente.

E' una cosa possibile?

Oppure, ci sarebbe un'alternativa, anche questa non so se praticabile.

Il menu testuale "navbar" è distanziato dalla "cima" del sito con un margin-top.

Se potessi allinearlo nella parte più bassa del div in cui si trova e distanziarlo da sotto con un margin-bottom, probabilmente riuscirei ad eliminare il problema della dimensione del testo (che si sviluppa verso l'alto e non verso il basso).

Vi sembra una soluzione praticabile?

[KillerWorm]

Ciao, sebbene ogni browser vendor si allinei agli attuali standard dettati dalle organizzazioni preposte, è possibile che si abbiano valori di default e comportamenti differenti da un browser all'altro.

E' possibile che la dimensione del testo varia lievissimamente (meno di 1px) a seconda che si usi Chrome o Safari

Differenze del genere possono essere causate da più fattori, da banali differenze nell'applicazione dello proprietà di stile, alla possibilità di HTML malformato che può essere interpretato/corretto in modo differente da browser a browser.

Per tale motivo è pressoché impossibile fornire una risposta mirata soltanto visionando un'immagine. E' necessario verificare direttamente sulla pagina in azione per esaminare opportunamente sull'intero contesto.

Puoi postare un link della pagina online?

(Firefox si comporta come Chrome)?

Sono basati su differenti motori browser, il loro comportamento può differire.