Question

I suspect my question may be too general, but I hope someone with expertly knowledge 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!

Answer 1

Here’s how I understand your problem:

If someone goes to your website on a smaller screen, maybe 1024×768 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.