Jax Logan
asked on
Fixed width css layout gets cut off on lower resolution displays
I must be missing something....
I have a fixed width css layout similar to this one:
http://www.dynamicdrive.com/style/layouts/item/css-fixed-layout-31-fixed-fixed-fixed/
The total of all columns adds up to about 1200pxls.
Now when I change my display resolution to 1024x768 I would have hoped that the browser (chrome in my case) is smart enough to add a horizontal scroll bar because the content is bigger than the screen. Instead the page is just cut off and I can't scroll to the right.
What gives???
I have a fixed width css layout similar to this one:
http://www.dynamicdrive.com/style/layouts/item/css-fixed-layout-31-fixed-fixed-fixed/
The total of all columns adds up to about 1200pxls.
Now when I change my display resolution to 1024x768 I would have hoped that the browser (chrome in my case) is smart enough to add a horizontal scroll bar because the content is bigger than the screen. Instead the page is just cut off and I can't scroll to the right.
What gives???
It should give you a scrollbar. Any change of seeing a link to your site so we can have a look at the code.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
the problem was that I had a wrapper div class with width: 100% and overflow: hidden. Thanks!
Glad to be of help