Layout for screen resolutions

[BillNally]

HI, I’ve been playing with a new template layout and found that on lower screen resolutions the content drops below the left column. On my existing site template I get a scroll bar at the bottom of the page but on this layout I don’t. Is there a no scroll tag can change for this or have I messed up somewhere
Thanks for all your help

[BlindSide]

To keep it simple (and because I have nothing to look at), that behavior is due to HTML/CSS layout decisions made by the designer. You likely won't be able to prevent that without really getting in deep with the template. Further comment would require a URL to look at.

[BillNally]

sorry should of thought of that
this is what I'm playing with and hope to implement soon
h**p://stealth.xssl.net/~admin81/index.php?main_page=

[BlindSide]

First of all, you're including all your stylesheets twice. The designer may have hardcoded them into the template.

Second, remove the two width definitions in includes/templates/dart_template/css/stylesheet.css, around line 778.

#mainColumn {
width:86%;
width:86%;
}

Delete the red lines and the page will display normally.

Firebug is your best friend for CSS/HTML issues.

[BillNally]

great thanks for your help I'll give it a shot

[Kim]

What screen width are you optimizing for? I looked at 1280 wide and the main content still dropped below the left column

[BillNally]

not been able to get it right at all
works fine on mine at 1680x1050 but that's no good
removed the #mainColumn line (could only find one width entery to delete) and all the category content drops

[BlindSide]

You have to get rid of the double call to the CSS. You removed it from one but the other file overrides it.

[BillNally]

You have to get rid of the double call to the CSS. You removed it from one but the other file overrides it.

Took me a while but I worked out what you were saying and found a bit of code to remove in common/html_header.php and that seems to of removed the double call for css.
Still got the same problem though. Any more advice would be much appreciated.

[BlindSide]

stylesheet .css still has a width definition for #mainColumn at line 779:

#mainColumn {
width:84%;
}

The lines above have to go away. Do that, and the layout will behave itself.