Verspringt jouw layout soms een klein beetje naar links of rechts? Grote kans dat dit komt, doordat de verticale scrollbar van de webbrowser soms wel en soms niet aanwezig is. Een goed werkende oplossing hiervoor is het vastzetten van de verticale scrollbar, zodat deze naast alle pagina’s wordt getoond.
Voor het vastzetten van de verticale scrollbar, hoef je maar 1 regel toe te voegen aan je CSS stylesheet:
body {
overflow-y: scroll;
}
Kanttekening: De eigenschap ‘overflow-y’ bestaat niet in CSS2.1. Je CSS bestand zal dus niet (meer) ‘CSS2.1 valid’ zijn.
De eigenschap ‘overflow-y’ bestaat echter wèl in CSS3. Daarnaast werkt deze oplossing al in alle moderne webbrowsers.
Super tip, precies wat ik nodig had – dank je wel!