[html/css] scrollbar afdwingen?

[-Mous-]

Kan ik met html of CSS een verticale scrollbalk afdwingen?

Als mijn pagina kort is, vervalt namelijk de scrollbalk in Mozilla.
En dan verspringt mijn gecentreerde pagina als ik van een wat kortere pagina naar een langere pagina ga (die dus wel weer een scrollbalk heeft).

In IE blijft er wel een "lege" scrollbalk en daar verspringt de pagina dus niet.

edit:
Ik zie dat dit bij GOT ook gebeurt

[ Voor 9% gewijzigd door -Mous- op 22-03-2004 00:47 ]

[.oisyn]

P&W FAQ - HTML / javascript /css, etc...

PW -> WG

[disjfa]

Mja IE doodmaken of in je css je scrollbars op hidden zetten.

[Pelle]

overflow: scroll

[-Mous-]

.oisyn schreef op 22 maart 2004 @ 00:47:
P&W FAQ - HTML / javascript /css, etc...

PW -> WG

oeps... my mistake

Pelle schreef op 22 maart 2004 @ 00:49:
overflow: scroll

Waar moet ik dit zetten? In mijn html, CSS of in een javascript ofzo?

edit:
Gevonden! thnx!

[ Voor 5% gewijzigd door -Mous- op 22-03-2004 00:53 ]

[Dennis]

-Mous- schreef op 22 maart 2004 @ 00:51:
Waar moet ik dit zetten? In mijn html, CSS of in een javascript ofzo?

Dat is CSS, doe maar bij body.

[ Voor 5% gewijzigd door Dennis op 22-03-2004 00:53 ]

[-Mous-]

Dan krijg ik onder en links een extra scrollbar. Dus bij de langere pagina's staan er links twee scrollbars.

Ook komt de onderste (horizontale) scrollbar direct onder mijn pagina te staan en niet onder aan het browser scherm.

Het enigste wat ik kan verzinnen is mijn pagina op te vullen met loze shit.
Maar dan wordt de pagina ook meteen "scrollable".

Wat ik dus eigenlijk wil is zo'n "lege" scrollbar net als in IE zodat de pagina niet verspringt.

[ Voor 9% gewijzigd door -Mous- op 22-03-2004 01:07 ]

[-Mous-]

Door deze draad:
http://bugzilla.mozilla.org/show_bug.cgi?id=72540 (comment #43)

heb ik eindelijk de oplossing gevonden:

code:

html
{
  height   : 100%;
  overflow : -moz-scrollbars-vertical;
}

Dit werkt alleen voor Mozilla / Firefox, maar laat dit nou de enige browser zijn die hier last van heeft (het verspringen van de pagina-inhoud met het verschijnen van de scrollbar).

[R_W]

Opera heeft er ook last van...

[-Mous-]

R_W schreef op 22 maart 2004 @ 02:25:
Opera heeft er ook last van...

Je hebt gelijk, maar de height="100%" lost dat in mijn geval ook op.

[Verwijderd]

code:

overflow-y: scroll;

[InZane]

Verwijderd schreef op 22 maart 2004 @ 11:33:

code:

overflow-y: scroll;

Die is voor IE. Hij had het probleem juist in Mozilla/Firefox.

[-Mous-]

Sorry dat ik dit topic nog even kick.

Ik heb namelijk een betere manier gevonden om die scrollbalk af te dwingen:

code:

body {
  min-height : 850px;
}

Dit werkt tot een resolutie van 1280x1024. Als je ook bij nog hogere resoluties een scrollbalk wilt hebben kan je de waarde groter maken. Het mooie is dat dit gewoon door de validator heen komt.

Ik heb getest met Mozilla Firefox 0.8 en Opera 7.23

En ondertussen een betere manier:

code:

html { min-height : 100.05%; }

Dit geeft wel een balk, maar geen scroll, omdat de marge te klein is.

[ Voor 28% gewijzigd door -Mous- op 19-12-2004 00:00 ]