Cherry Zen Template Support Thread

[barco57]

got a link where it can be seen?

[RescoCCC]

http://www.oozix.com/store3

[barco57]

Thats already dealt with in the stylesheet:

#nw {
	text-align:left;
	vertical-align:top;
	margin:0 auto;
}

The margin:0 auto; will deal with automatically centering the site for you regardless of the width setting.

If you go to a fixed width, edit the following 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 */
}
/* end IE only */
/* end site and main content width section */

And if you go fixed width you can probably collapse all of that code to the following:

#nw {width:960px;}

You can set that px width to whatever you want

[RescoCCC]

Already tried that, didn't work.

If I change #nw {width:80%; to #nw {width:950px; nothing happens, even if I remove the rest of the section. I can fix the width by changing html>body {width: auto; to html>body {width: 950px;, but the site doesn't center.

[barco57]

I see, I played with it in firebug.....apparently your test site there is missing the #nw div which should be wrapping it to be able to set the size......

[barco57]

I believe I see the problem.......check the includes/templates/cherry_zen/common/tpl_header.php for the following lines: (should be lines 20-25)

<!--bof-header logo and navigation display-->
<?php
if (!isset($flag_disable_header) || !$flag_disable_header) {
?>
<!-- divs for drop shadow -->
<div id="nw"><div id="ne"><div id="se"><div id="sw"><div id="n"><div id="s"><div id="w"><div id="e"><div id="main"><table id="workaround"><tr><td>

[barco57]

@enginarat

Your problem is the complete opposite of the posts above this one.....

you will want to make the following section in the stylesheet:

#nw {
	width:96%; /* 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 */

Read as below:

#nw {width: 100%;}

and in your case it will work because you do have the drop shadow divs in place......