Hide horizontal overflow

HTML & CSS
1

Hey there,

I have designed a site to be fully visible on a screen resolution of 1024x768 and my site is centered with a little whitespace both sides. The content takes up 950px but I still get a horizontal scroll bar on IE, even though there is no overflowing content. I am aware of the overflow-x:hidden; property but I do not wish to alienate users who may still be using 800x600 resolutions. There are many big corporate sites for whom the scrollbar does not happen even though they take up the same or even slightly more space than my content. What is their secret? Is it js?

any help would be much appreciated

kind regards

Will Edwards

2

Sounds like there is something pushing the layout wide in IE6 because there should not be a scrollbar if all elements are smaller than the parent container.

Check the dimensions of your inner elements because IE will stretch a parent’s width if the inner content is too big. Other browsers will just ignore anything that sticks out as though it doesn’t exist.

Post all the code (or a link) if you can’t find the problem.

3

Thanks for that I think I got it :slight_smile: