micmed:
Hey Jade, I am having fun with your template. I am earnestly trying to get a handle on CSS. If you look at my site https://www.thecablestation.com I just can't seem to get it to get rid of the L/R scroll bars when display is at 1024x768.
That sounds right, and you can see my test site does the same... a tiny little bit of scrollbar.
To make the site smaller, open up stylesheet.css and find the width section, and follow the instructions there (and there are more instructions in the readme file)
/* site and main content width section */
html>body {
width: auto;
}
#nw {
width:80%; /* main site width; if you'd prefer a fixed width site, enter the width in px here. /
max-width:1300px; / prevents the main content from getting wider than 1300px in sites other than IE /
min-width:1000px; / this prevents the main content from getting smaller than 1000px in browsers OTHER THAN IE. You can make this as small as 800px, BUT any smaller than that, and the top header menu will break into two lines. Also, if you make this width 800px, you will need to make sure your product image on the product info page is no wider than 190px */
}
/* IE only. Controls Width of Site and Main Content*/
- html #nw {
width:expression((d=document.compatMode=="CSS1Compat" ? document.documentElement : document.body) && (d.clientWidth > 1300? "1300px" : d.clientWidth > 1048? "80%" : d.clientWidth < 1048? "1000px" : "80%")); /* this prevents the site from getting smaller than 1000px or wider than 1300px in IE /
}
/ end IE only /
/ end site and main content width section */
