header-logo
Hoe Wix gebruiken om je website en bedrijf te bouwen.
Ontwerp en beheer je website met slimmme functionaliteiten.
Beheer abonnementen, pakketten en facturen.
Run je bedrijf en kom in contact met leden.
Lees hoe je een domein koopt, koppelt of overzet.
De juiste tools om je bedrijf op het web te laten groeien.
Boost je zichtbaarheid met SEO en marketingtools.
Geavanceerde functies om efficiënter te kunnen werken.
Antwoorden op vragen, gekende problemen en meer.
placeholder-preview-image
Verbeter je vaardigheden met onze cursussen en video's.
Krijg tips voor webdesign, marketing en meer.
Lees hoe het organische websiteverkeer van zoekmachines te vergroten.
Bouw een eigen website met ons full-stack platform.
Vind een professional voor hulp om je websitedoelen te behalen.
placeholder-preview-image
In dit artikel
  • Gebruik kolommen
  • Gebruik het repeater-element voor lijsten
  • Gebruik verzamelvakken

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.
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 teruglopen.
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:

Helpmate

Hallo,

Een beetje meer begeleiding nodig?
Samenvatting van dit artikel
Unlock personalized helpLog in to get the most out of Helpmate.