Hi,
Today I noticed that when I resized the window of my Opencart Shop (0.7.9) that when the window was resized smaller than the size of the main container (I'd set my width to 980px) that the page still stayed centered in the window and there was no way that I could see anything from the center of the page to the left, as the scrollbar only scrolled to the right of the screen and would not go past the middle of the page to the left....

I hope you can follow....

the css for the main container that was used to center the page is as follows:

and the problem has gone and if you resize the window it behaves perfectly... at least in the latest version of IE FF and Google Chrome

It is a real problem if the user has a low screen resolution, although I know the default template of Open Cart is only 779px wide so this might not be so much of a problem but still should be fixed.....

This is just common practice.
Google "Fixed layout vs Liquid Layout" for more understanding.

However, I see that FF3 doesn't give a horizontal scrollbar. IE does. I would think that it should. FF3 browser bug anyone?

If you want a liquid layout for your shop, you'd need to change the widths for container, column, and content to use % instead of px. Then the site will resize to the browser size. but be warned you will end up with some sloppy looking shifting that way.

Last edited by Qphoria on Sun Jan 25, 2009 7:24 am, edited 1 time in total.

No, I don't want a liquid layout, the problem is not a liquid vs fixed, but if I re-size my open cart window it chops out nearly half of the left side of the page so that I can't even view it with the scrollbar.

and re-size the window small so that the scroll bar comes up and you'll see what I mean.... that the page keeps centered and the window starts to chop out the left side of the page that can't even be viewed with a scroll-bar...

Last edited by Emmanuel on Sun Jan 25, 2009 7:54 am, edited 1 time in total.

the css is there to work with the default opencart template the way it was designed. Certainly if you are changing things you must be doing it to your own template (according to the first rule). So once you make changes, it becomes your template with your features/bugs.