Cherry Zen Template Support Thread

Found the extra </DIV> tag that needs to be removed if you have Tabbed Products, Image Handler 2 and Apple Zen Template.

// ===> Close the tabstrip creation if started
if ((intval($chkTabStart) >= 0 && intval($chkTabEnd) > 0) || ($bAddToCart || $bMediaCollection || $bAdditionalImages || $bCustomersAlsoPurchased || $bCrossSell_Tab || $bReviews_Tab)) {
echo '<!--/div--><!--end of tabcontentcontainer -->';
}

Located in teh tpl_tabbed_products_lite.php file

mediathing:

Can someone with IE6 take a look at my site please, The left nav column gets pushed down to the bottom of the page. I have tried playing with the site width but no joy so far...any help would be great.

funfancydressDOTcom
Thanks
Pete

Jettrue, Is there a css fix I can use to solve this that you are aware of?
Thanks
Pete

mediathing:

Jettrue, Is there a css fix I can use to solve this that you are aware of?
Thanks
Pete

I haven't looked at your site in IE yet (on a mac right now), but I would think that maybe your middle section has images that are too wide. Try smaller images, and see if that helps.

jettrue:

I haven't looked at your site in IE yet (on a mac right now), but I would think that maybe your middle section has images that are too wide. Try smaller images, and see if that helps.

That was my first though but it works fine in IE7, firefox (pc and mac), safari so I doubt that the image size could only cause a problem in IE6, strange. I'll keep searching.

Thanks
Pete

mediathing:

That was my first though but it works fine in IE7, firefox (pc and mac), safari so I doubt that the image size could only cause a problem in IE6, strange. I'll keep searching.

Thanks
Pete

That is an incorrect assumption. Many things happen in IE6 that don't happen in any other browser. Did you test it out by using smaller images? For testing purposes, I would also upload the ORIGINAL full stylesheet.css and see if the problem persists, if it does, its not a stylesheet issue, its probably the images.

I'm having the exact same issue on http://www.newpdacases.com

With IE7, firefox and Safari it looks great. IE6 causes a lot of issues. I've tried image resizing, and going back to the original template with the same issues.

Any hints on this one?

Ok, figured mine out. I had modified everything to do a 225px wide sidebar. When I dropped back down to 200px on the sidebar widths, everything looks good now.

morrias:

Ok, figured mine out. I had modified everything to do a 225px wide sidebar. When I dropped back down to 200px on the sidebar widths, everything looks good now.

I have changed my sidebar but only up to 159px, i'll change them back down and see but still think it's a css issue...

Another thing I could do with a bit of help on is the navigation along the top of the page. I want it to be left aligned but float left doesn't work. Can someone provide the css for this please??

Thanks
Pete

OK, more detail on the issue. In my CSS I have all of the margins set to 200px, and when I do 200px for setting in Layout Settings for the sidebars, it breaks again. Dropping those settings to 195px in the Layout Settings fixes it.

IE6 must just need those extra pixels!

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.

mediathing:

Can someone with IE6 take a look at my site please, The left nav column gets pushed down to the bottom of the page. I have tried playing with the site width but no joy so far...any help would be great.

funfancydressDOTcom
Thanks
Pete

You made your sidebox 9px larger, but did not adjust the css at all. Find the section starting at:

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

and make all the 165px's and the 150px's 9px larger.

morrias:

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.

I just searched the css file and there is nothing regarding the left nav column?!? I can only alter the width of the right column, is that right? I made the right column say 155px in the css (i have it as 150px in admin) but same problem.

Pete

morrias:

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.

mediathing:

I just searched the css file and there is nothing regarding the left nav column?!? I can only alter the width of the right column, is that right? I made the right column say 155px in the css (i have it as 150px in admin) but same problem.

Pete

This chunk below is the only chunk that controls sidebox issues. NOW, if you make your sideboxes wider than 150px by any amount of pixels, you need to change ALL of the 165px's by that many larger, and ALL of the 150px's by that many larger, and that should take care of it.

.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  */
	}

Well, made the changes as suggested but still no joy...The strange thing is this, I thought maybe it was the cache on my machine so i cleared all history etc and as soon as I clicked ok on the internet options box the page of my site displayed correctly in ie6 but I clicked refresh and back came the problem. It is fine when viewing a category but not on the home page so it puts customers off.

Driving me nuts!

Pete

mediathing:

Well, made the changes as suggested but still no joy...The strange thing is this, I thought maybe it was the cache on my machine so i cleared all history etc and as soon as I clicked ok on the internet options box the page of my site displayed correctly in ie6 but I clicked refresh and back came the problem. It is fine when viewing a category but not on the home page so it puts customers off.

Driving me nuts!

Pete

Did you try smaller category images on the home page? Does the problem go away if you widen the browser window in ie6?

I have tried smaller cat images, in fact I only added them the other day and problem was there prior to that. I only have ie6 on my laptop but the res is set to 1024. I have tried a website that lets you view the site with different browsers and the same problem...crazy eh, bet it's something really simple.

Pete

mediathing:

I have tried smaller cat images, in fact I only added them the other day and problem was there prior to that. I only have ie6 on my laptop but the res is set to 1024. I have tried a website that lets you view the site with different browsers and the same problem...crazy eh, bet it's something really simple.

Pete

Try a smaller sidebox image? (the fairy pic?)

lol, one step ahead, I removed that and same issue. My feeling is that the problem lies with the centerbox in some way, not sure why.

mediathing:

lol, one step ahead, I removed that and same issue. My feeling is that the problem lies with the centerbox in some way, not sure why.

It'll make your site look wacky for 30 seconds or so, but upload my original css stylesheet, with only the 9px sidebox changes, and see if the issue goes away (be sure to save a copy of your current first). Then we'll know if its stylesheet.