Piccole differenze di allineamento tra Chrome e Safari

[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?