Wix Editor: Een website uitlijnen zodat deze correct wordt weergegeven in verschillende browsers
3 min
In dit artikel
- Gebruik kolommen
- Gebruik het repeater-element voor lijsten
- Gebruik verzamelvakken
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.
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 splits 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 ordenen in prachtige templates met hetzelfde ontwerp en dezelfde indeling, maar andere inhoud. Je kunt de inhoud van elk item afzonderlijk aanpassen, waaronder de achtergrond, de afbeeldingen en de tekst.
Gebruik verzamelvakken
Als je wilt dat je inhoud verticaal wordt uitgelijnd, voeg je containervakken toe en voeg je je elementen eraan toe. Mogelijk moet je je vak eerst achter je elementen verplaatsen. We raden ook aan om extra ruimte voor je tekst in het vak over te laten om problemen met lettertypen te voorkomen. Als je dit gedaan hebt kun je de vakken desgewenst transparant maken of er een rand aan toevoegen:

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:
- Bekijk onze rondleiding waarbij je de nieuwe Studio Editor voorstelt.
- Volg de Wix Studio Essentials-cursus en bekijk talloze video's en webinars on demand in de Wix Studio Academy.
- Word lid van ons community-forum om alles wat met Studio te maken heeft, te vragen en te bespreken.
- Blader door het Helpcentrum van Wix Studio voor alle instructies en uitleg die je nodig hebt.

