Blog

Firefox Scrollbar Solution
Posted by Darren in Design & Production on 10.04.06

Since it’s inception, Firefox has had an unfortunate habit which most users and developers have noticed at some point: shorter pages will display with no right-hand scrollbar, while longer pages will naturally trigger a scrollbar. The result is a website that jumps 15 pixels to the left or right to accomodate the need, or lack of need, for scrolling. This quickly gets annoying as you navigate around various pages of a site only to have them adjusting position with each click.

Users are stuck with this problem until developers find workarounds (or til Firefox 2.0 patches the problem), so here is an easy one:

body,html {
min-height:101%
}

Easy to deduce, this example tells the browser to render the height of each page just over 100% so the scrollbar gets triggered and the positioning of each page remains consistent.



Leave a Reply