Visualizzazione dei risultati da 1 a 4 su 4
  1. #1

    Piccole differenze di allineamento tra Chrome e Safari

    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!

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

  3. #3
    Quote Originariamente inviata da SoloWiFi Visualizza il messaggio
    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?
    Ultima modifica di ivanisevic82; 05-12-2022 a 13:03

  4. #4
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,433
    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?

    Quote Originariamente inviata da ivanisevic82
    (Firefox si comporta come Chrome)?
    Sono basati su differenti motori browser, il loro comportamento può differire.
    Hai già provato Forum HTML.it Toolset?
    uno script che ottimizza il layout e le funzionalità del Forum

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2023 vBulletin Solutions, Inc. All rights reserved.