Cherry Zen Template Support Thread

[jettrue]

I'm sorry I wasn't more clear on this. What I meant to say is that if the width of your sidebars you have defined in the Layout Settings in the admin tool are about 5px smaller than the sizes you defined in the .css file, it should work. It seems to do wierd alignment in IE6 when the two numbers match up. Very annoying, but I be in another few months most people will be using IE7 and firefox anyways.

You changed your sideboxes to 200px's wide, but didn't change your css correctly. Look at the original section here again:

.outer {
	padding-left: 165px; /* Same width as margin-left for the float-wrap div */
	padding-right: 150px; /* Our right column width */
	}
	
.inner {
	width: 100%;
	}

.float-wrap {
	float: left;
	width: 97%;
	margin-left: -165px; /* Same length as .outer padding-left but with negative value */
	}

#content {
	float: right;
	margin-right: -165px; /* Same length as .outer padding-left but with negative value */
	width: 100%;
	line-height:1.6;
	position: relative; /* IE needs this  */
	}

.contentWrap{
	padding: 5px 0 5px 5px;
	}
	
#navColumnOne { 
	float: left;
	position: relative; /* IE needs this  */
	}
	
#navColumnTwo {
	float: right; 
	margin-right: -150px; /* This negative margin-right value is in this example the same as the right column width. */
	position: relative; /* IE needs this  */
	}

See how there's 150px, AND 165px's... SO you need to change all the old 150px's to 200px, and all the old 165px's to 215px.