sleepless:
Hi,
Both of my sites look okay in IE7 and FF, but they are off in older browsers. They both are too wide even though I have them set to go no wider than 850. What did I do wrong?
Any ideas?
Thanks,
Kelly
Because there are two sections that control width, one for IE, one for other browsers:
#nw {
width:80%; /* main site width; if you'd prefer a fixed width site, enter the width in px here. */
max-width:850px; /* prevents the main content from getting wider than 1300px in sites other than IE */
min-width:850px; /* 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 */
}
So you would change the IE section to this:
/* IE only. Controls Width of Site and Main Content*/
* html #nw {
width:expression((d=document.compatMode=="CSS1Compat" ? document.documentElement : document.body) && (d.clientWidth > 1300? "850px" : d.clientWidth > 1048? "80%" : d.clientWidth < 1048? "850px" : "80%")); /* this prevents the site from getting smaller than 1000px or wider than 1300px in IE */
}
Though I'm not sure why you'd not want it to resize for people with wide browser windows?
