/ overflow

Hide extra page area to the right of your content

This is an issue that I've had for quite some time that would pop up here and there. In some cases I was never able to figure it out. This issue: an extra 500px or more of background space would be placed to the right of my content when I would design a page with centered content. The content would be perfectly centered in the window, but the extra space would exist, complete with scroll bars. It turns out that it was an issue with overflow on the x-axis.

body { overflow-x:hidden; }

My page now maintains the width of the browser windows. Check out this article for info on the different usage options.