Wix Editor: Een website uitlijnen zodat deze correct wordt weergegeven in verschillende browsers

Leestijd 3 minuten
Wix-websites zijn geoptimaliseerd om correct te worden weergegeven in en op de meest voorkomende browsers en apparaten die tegenwoordig worden gebruikt. 
Als je merkt dat je elementen niet goed zijn uitgelijnd in verschillende browsers komt dat omdat de verschillende browsers en apparaten allemaal eigen weergavemechanismes gebruiken, wat kleine variaties op kan leveren.
Let op:
  • Klik hier voor hulp bij het oplossen van uitlijningsproblemen met betrekking tot tekstvakken. 
  • Klik hier als je tekst rond afbeeldingen probeert te laten lopen.
Als je bijvoorbeeld een afbeelding en tekst op dezelfde hoogte hebt uitgelijnd kan dit er in verschillende browsers als niet goed uitgelijnd uitzien. 
Deze afbeelding toont problemen met horizontale uitlijning:
Deze afbeelding toont problemen met verticale uitlijning:

Gebruik kolommen

Voeg stroken toe aan je website en splitst ze in kolommen. Je kunt bepalen hoe groot je elke kolom wilt hebben om je inhoud dienovereenkomstig te rangschikken. Deze methode organiseert je inhoud horizontaal en zorgt voor een mooi effect.
Verwijder alle verzamelvakken en gebruik in plaats daarvan de rasterlijnen van de kolom om je elementen uit te lijnen.
Tip:
Dit is de beste optie in verband met uitlijningsproblemen omdat het kolommenelement responsief is en er goed uitziet op alle schermformaten.

Gebruik het repeater-element voor lijsten

Gebruik het repeater-element, een lijst met items die je inhoud ordent in prachtige templates met hetzelfde ontwerp en dezelfde indeling, maar met verschillende inhoud. Je kunt de inhoud van elk item afzonderlijk aanpassen, inclusief de achtergrond, afbeeldingen en tekst.

Gebruik verzamelvakken

Als je je inhoud verticaal wilt uitlijnen, voeg dan verzamelvakken toe en maak je elementen eraan vast. Mogelijk moet je je vak eerst achter je elementen plaatsen. We raden ook aan extra ruimte vrij te laten voor je tekst in het vak om problemen met lettertypen te voorkomen. Zodra je dit hebt gedaan, kun je de vakken transparant maken of een rand toevoegen als je dat wilt:

De bovenstaande tips zouden de uitlijningsproblemen die je ervaart moeten oplossen en het updaten van de website in de toekomst een stuk eenvoudiger moeten maken. 

We doen ons best om de effecten die door deze factoren worden veroorzaakt tot een minimum te beperken terwijl we je de flexibiliteit blijven bieden om een website met veel functies te creëren.

Bekijk Wix Studio:
Wix Studio is het ultieme platform voor freelancers en bedrijven. Deze flexibele, end-to-end oplossing omvat slimme ontwerpmogelijkheden en flexibele dev-tools waarmee je uitzonderlijke resultaten kunt leveren voor klanten in elke branche.

Lees meer over Wix Studio:

Vond je dit artikel nuttig?

|