
Originally Posted by
wizard247
Also my site is not "fluid" although I don't mind it as it ties in with the rest of the site, but I was just wondering why.
Immediately after installation - before changing anything on the template or shopping cart files I noticed the design was not fluid.
Thanks,
Louise
It's probably because you are looking with a lower resolution monitor. The site is designed to get no smaller than 1000px, so if the width of your browser is about that, then it won't be "fluid", but it will be fluid for "most" other people.
You can change the 1000px to a smaller number in this section of stylesheet.css (though I wouldn't go smaller than about 850px):
Code:
#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 */
}