CSS: How to Solve this "Site-Is-Too-Big" Challenge?

I suspect my question may be too general, but I hope someone with expertly know开发者_开发技巧ledge of CSS could help me work out a solution.

My site looks acceptable (to me) in high-resolution monitors (1920X1080) – but on smaller-resolution screens the left site doesn't fit - and even though the horizontal scrolling appears eventually of you make the window smaller, but it appears "too late" and doesn't include anything left of the main content panel.

That's the particularly I'm particularly concerned about. There are other resolution-related problems, too.

Here's the site:

http://www.cybart.com/bscg/

I would appreciate it if you could take a look – and would be grateful for suggestions / recommendations / advice from CSS masters!

Here's how I understand your problem:

If someone goes to your website on a smaller screen, maybe 1024x768 or something, there's no scroll bar's appearing.

You need to set up a minimum width / height for a div container for the page content. Then if the browser is narrower than that you'll get the scroll bar.

I suggest instead that you make one div tag that won't be wider than say, 950 and put a nice background behind it instead. No one wants to scroll left or right in the browser.

Use width and height css tags on a div containing the page content.

I have a lower resolution screen... and I see the issue.

You might consider shrinking the size of the main content section and then shifting over the nav.

Or -- better -- auto center your main section using margin:0 auto; and then position the left nav accordingly.

The scrolling bars issue has to do with page overflow. You might be using overflow:hidden and when the page doesn't fit the browser doesn't show the scrollbars.