I have a website which fits 100% width of the browser window. It has a container div which has the 100% width attribute and everything else is inside this div.

I have the problem that inside this div, diffferent elements are positioned to the left or right using floats. As the browser window is narrowed, these elements become closer together and get very cluttered.

I need a method to stop the container resizing after a certain point and add a horizontal scrollbar to the browser, fixing my layout after that. I have tried adding a spacer div/GIF but this fails to stop the width of the container always being the same as the window, whether the spacer is inside or outside the container.

I could just use a fixed-width container but I'd like to find a method of keeping the container 100% until, say, it is 800px wide, then preventing any more resizing down.

Thanks if anyone has any pointers or tips on this.

excellent thanks!