Cherry Zen Template Support Thread

[jettrue]

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.

[mediathing]

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

[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.

[jettrue]

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

[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

[jettrue]

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?

[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

[jettrue]

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?)

[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.

[jettrue]

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.