Forcing a Scrollbar on the page

[ksduded]

I want to force a scrollbar on the page even if there is no scrolling needed. I have a fixed background and it shifts to the center if there is no scroll bar present leaving black space on the sides.

[Sagacious]

html { overflow-y: scroll; }
html { overflow: -moz-scrollbars-vertical; }

I am assuming it's Firefox that isn't showing your vertial scrollbar unless it's needed, this CSS should fix it.

[abduraooft]

Could you post a link so that we can find out some alternatives. Personally, I don't like scroll bars, if there is no enough content.

[Jazzo]

In CSS, whatever element it is, do:

element
{
overflow:scroll;
}


that should work.

If it's the whole doc you want to scroll, do


body
{
overflow:scroll;
}

[jcdevelopment]

try this and put it in the css


body {
overflow:scroll;
}


see if that works

[ksduded]

just putting this in worked

html { overflow: -moz-scrollbars-vertical; }

[Apostropartheid]

In Mozilla, yes. Not in IE. Or Opera. Or Safari. Or any other browser. It would be a lot better, as abdura mentioned, to post your code and let us find an alternative as there is no consistent way to get it cross browser without overflow:scroll (which activates a nasty bottom scrollbar.)

[Sagacious]

IE always shows a vertical scrollbar - so that's two browsers down.

[abduraooft]

In Mozilla, yes. Not in IE. Or Opera. Or Safari. Or any other browser. It would be a lot better, as abdura mentioned, to post your code and let us find an alternative as there is no consistent way to get it cross browser without overflow:scroll (which activates a nasty bottom scrollbar.)
I think we can selectively use it like overflow-x:hidden; ovenrflow-y:scroll;, but I still don't know the purpose of all this.
I have a fixed background and it shifts to the center if there is no scroll bar present leaving black space on the sides.

[Sagacious]

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

This is a multi-browser solution - though I haven't got a copy of Opera here to test on that.

[Apostropartheid]

overflow-x and overflow-y are only recognized by IE & Firefox.

[Tinister]

Nah, Safari 3 recognizes them as well.

[Apostropartheid]

Either way, they're both invalid (in CSS2.1)—although I guess you can validate it as CSS3, whose profile is subject to change.