[CSS] Permanente verticale scrollbalk voor in Safari

[Verwijderd]

Hoi, dit probleem is al vaak beschreven op GoT en ik heb inmiddels de oplossingen voor de meeste browsers kunnen vinden:

IE:

Cascading Stylesheet:

body
{
 overflow-x: auto;
 overflow-y: scroll;
}

Mozilla:

Cascading Stylesheet:

html
{
 min-height: 100.01%;
}

Deze code zorgt ervoor dat er altijd een verticale scrollbalk wordt weergeven, ook als de content lager is dan de 100% (maar dan is het geen echte scrollbalk maar enkel een gereserveerde plek). Zo heb je geen last van 'verspringende' content als je van een pagina met height < 100% naar een pagina met height > 100% gaat, als die content gecentreerd is.

Het probleem is nu dat veel Mac gebruikers (waaronder ik) nog steeds dit probleem hebben omdat Safari deze code niet slikt.

PS: Firefox op de Mac pakt het ook niet. Of in ieder geval half; er verschijnt wel een scrollbalk waarmee je ook daadwerkelijk kan scrollen terwijl de content height < 100% is. Dat is dus nog lelijker eigenlijk. Ik weet niet hoe dit zit met Firefox onder Windows (met de min-height: 100.01% oplossing).

[crisp]

ik gebruik:

Cascading Stylesheet:

html {
    min-height: 100%;
    margin-bottom: 1px;
}

maar heb dit zelf eigenlijk nooit getest in safari