Oplossing voor verspringende layout – Zet de verticale scrollbar vast!

Gepubliceerd op 10-07-2010 door Corine Webdesign

Verspringende layout, verticale scrollbar en overflow-yVerspringt 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.

Voeg dit artikel toe aan Favorieten of deel het met anderen:
  • Add to favorites
  • Twitter
  • Facebook
  • Hyves
  • Google Bookmarks
  • email
  • Live
  • MySpace

1 Reactie

  1. Gudrun :

    Super tip, precies wat ik nodig had – dank je wel!

Laat een reactie achter