I know this is done within the design of a 'fluid' website layout... but for some reason I just can't figure out how it is done with a fixed width design/layout.

What I'm trying to accomplish is having a background image used, but the size of the background image DOESN'T cause the viewer's horizontal scrollbar to come up.

I'll try to explain it, but remember if I knew the correct terms to use... then maybe I would have found my answer during Google searches for it... please bare with me.


I have a layout that is 1024x768, horizontally centered. But if someone comes with a larger resolution set monitor, I would like for the main layout (1024x768) to still be centered WHILE having the background image reveal more of itself. Now, what's tricking me up is that (for example there are some sites listed below) while I'm sizing my monitor from 1024x768 and larger the scroll bar never comes up... the horizontal scrollbar only comes up when I go down under 1024x768.


Using FF and web designer tool bar, and my monitor which is 1680 x 1050... the background is a full image, while both sites above are much smaller (content area) as I lower resolution each one reduces and the hor. Scrollbar doesn't appear until I get to the main content area, while the background image is much larger? How is this done?

I don't know if this works in the body section, but if you are OK with using css level 3, then you can use overflow. Try this:

body{
overflow-x: hidden;
}

again, I don't know if it will work in body, but its worth a try.