CSS to Force a Scrollbar to Appear in IE8 and FF

Websites sometimes appear “shift” side-to-side a bit when you go from one page to another within the same website. This is usually caused by going from a page with a scrollbar to a page without a scrollbar, and vice-versa. The scrollbar appearing and disappearing causes the page width to be slightly different, thus the shifting appearance. This is usually seen in FireFox and IE8 browsers, due to how they render pages.

So as a web developer, how do you fix this? Simple. Add this single line to your css:

html { overflow-y :scroll }

This forces a non-active scrollbar to appear on pages that would otherwise not need a scrollbar.