HTML / CSS fix for vertical scroll bar

Django x2 · 21 Oct 2010 at 12:45

Is there a "fix" these days, other than adding a scroll bar to every page?

The pages on my site which don't have a lot of vertical content are fine, but when vertical content exceeds page height, BANG! = vertical scroll bar shifts the page left.

This is IE btw

Confused · 21 Oct 2010 at 12:59

As far as I'm aware, you have to force a scroll bar on all pages, irrespective of page height. I've not seen any alternatives.

However - interested to see if there is an alternative, of course!

Dj_Jestar · 21 Oct 2010 at 13:16

I don't see the problem with it doing that. The page dimensions have changed.

However, I've "got around this" before by setting the main container with:

Code:

.container {
  height: 100%;
  overflow: auto;
}

so the scrollbar appears on the container div and not the page.

TwoSaints · 21 Oct 2010 at 13:22

Code:

html {
overflow-y: scroll;
}

I think that the code above is an good way of forcing a scrollbar in browsers works in all browsers although i don't think it validates.