header-logo
Scopri come creare il sito per la tua attività con Wix.
Progetta il tuo sito con le funzionalità intuitive di Wix.
Gestisci abbonamenti, pacchetti e fatture.
Gestisci la tua attività e comunica con i tuoi membri.
Acquista, trasferisci e collega un dominio al tuo sito.
Fai crescere la tua attività online con gli strumenti giusti.
Aumenta la visibilità del tuo sito con il marketing e la SEO.
Lavora in modo efficace con le funzionalità più avanzate.
Scopri i problemi noti, trova soluzioni o contattaci.
placeholder-preview-image
Diventa un esperto con i nostri corsi e tutorial.
Scopri i consigli per web design, marketing e molto altro.
Scopri come far crescere il traffico organico del tuo sito.
Crea il tuo sito con la nostra piattaforma full stack.
Trova un esperto che ti aiuti a raggiungere i tuoi obiettivi.
placeholder-preview-image
In questo articolo:
  • Usa le colonne
  • Usa l'elemento lista dinamica per gli elenchi
  • Usa riquadri contenitore

Editor Wix: allineare il tuo sito in modo che venga visualizzato correttamente su browser diversi

3 min
In questo articolo:
  • Usa le colonne
  • Usa l'elemento lista dinamica per gli elenchi
  • Usa riquadri contenitore
I siti Wix sono ottimizzati per essere visualizzati correttamente sui browser e dispositivi più comuni utilizzati oggigiorno. 
Se noti che gli elementi non sono allineati correttamente su browser diversi, è perché browser e dispositivi diversi utilizzano motori di rendering diversi, il che può causare leggere variazioni.
Note:
  • Clicca qui se hai bisogno di assistenza nella risoluzione dei problemi di allineamento relativi alle caselle di testo
  • Clicca qui se stai cercando di mandare a capo il testo attorno alle immagini
Ad esempio, se hai un'immagine e un testo allineati alla stessa altezza, potrebbero apparire disallineati su browser diversi. 
Questa immagine mostra i problemi di allineamento orizzontale:
Questa immagine mostra i problemi di allineamento verticale:

Usa le colonne

Aggiungi le strisce al tuo sito e dividile in colonne. Puoi definire le dimensioni di ogni colonna e organizzare i tuoi contenuti di conseguenza. Questo metodo organizza i tuoi contenuti in orizzontale e produce un effetto straordinario!
Assicurati di rimuovere tutti i riquadri contenitore e utilizza invece le linee guida delle colonne per allineare gli elementi.
Suggerimento:
Questa è l'opzione migliore per i problemi di allineamento in quanto l'elemento colonne è responsivo e ha un aspetto ottimale su schermi di tutte le dimensioni.

Usa l'elemento lista dinamica per gli elenchi

Usa l'elemento lista dinamica, un elenco di elementi che organizza i tuoi contenuti in bellissimi template con lo stesso design e layout, ma contenuti diversi. Puoi personalizzare il contenuto di ogni elemento separatamente, compresi lo sfondo, le immagini e il testo.  

Usa riquadri contenitore

Se vuoi che i tuoi contenuti siano allineati verticalmente, aggiungi i riquadri contenitore e unisci gli elementi ad essi. Potresti dover prima spostare il riquadro dietro gli elementi. Ti consigliamo inoltre di lasciare spazio extra per il testo all'interno del riquadro per evitare problemi con i caratteri. Una volta fatto, puoi rendere i riquadri trasparenti o aggiungere un bordo, se lo desideri:

I suggerimenti qui sopra dovrebbero risolvere i problemi di allineamento che stai riscontrando e dovrebbero rendere molto più semplice l'aggiornamento del sito in futuro. 

Stiamo facendo del nostro meglio per ridurre al minimo gli effetti causati da questi fattori, continuando a offrirti la flessibilità necessaria per creare un sito ricco di funzionalità.

Dai un'occhiata a Wix Studio:
Wix Studio è la nuova piattaforma di progettazione web per freelancer e agenzie. Questa soluzione flessibile e completa include funzionalità di design intelligenti e strumenti di sviluppo flessibili, che ti consentono di fornire risultati eccezionali per i clienti di qualsiasi settore.

Scopri di più su Wix Studio:

Helpmate

Ciao

Hai bisogno di ulteriori suggerimenti?
Riassunto di questo articolo
Related articles
Richiesta Editor Wix: siti responsivi
Unlock personalized helpLog in to get the most out of Helpmate.