Cherry Zen Template Support Thread

[Stuff4Toys]

What I was trying to say with my previous post:

165 + 40 = 205

your 190px's should be 205px because the original value there was 165px, NOT 150px.

Edited To Add:
* html #navColumnTwo {
margin-right: -190px !important; /* Fixes IE6 Issue */
}
and put the above back to -170px.

BINGO I knew that you would spot the error in a second.

THANKS
JOhn ><>

[Stuff4Toys]

BINGO I knew that you would spot the error in a second.

THANKS
JOhn ><>

Didn't seem to help www.nativitydisplays.com

.outer {
 padding-left: 165px; /* Same width as margin-left for the float-wrap div */
 padding-right: 165px; /* 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: -165px; /* This negative margin-right value is in this example the same as the right column width. */
 position: relative; /* IE needs this  */
}
* html #navColumnTwo {
 margin-right: -170px !important; /* Fixes IE6 Issue */

I thought I had a good understanding of this. Hmmmmm

[jettrue]

Didn't seem to help www.nativitydisplays.com

.outer {
 padding-left: 165px; /* Same width as margin-left for the float-wrap div */
 padding-right: 165px; /* 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: -165px; /* This negative margin-right value is in this example the same as the right column width. */
 position: relative; /* IE needs this  */
}
* html #navColumnTwo {
 margin-right: -170px !important; /* Fixes IE6 Issue */

I thought I had a good understanding of this. Hmmmmm

Man, you're hurtin' me.

The original value for the left boxes in the css is 165px. The original value for the right boxes in the css is 150px. Since you changed them BOTH 15px more, you need to increase BOTH by 15 px more.

165 + 15 =180

150 + 15 =165 (you have this correct for the right sideboxes.

Please look at this section from the ORIGINAL file, and increase EACH value accordingly!

[Stuff4Toys]

Man, you're hurtin' me.

The original value for the left boxes in the css is 165px. The original value for the right boxes in the css is 150px. Since you changed them BOTH 15px more, you need to increase BOTH by 15 px more.

165 + 15 =180

150 + 15 =165 (you have this correct for the right sideboxes.

Please look at this section from the ORIGINAL file, and increase EACH value accordingly!

That's Pthththth
LOL

I only changed the right column to be equal to the left (I thought)

I've been at this for 20+ years and still have brain freeze from time to time.

Left columns are still at 165 (right?)
I increased the right column from 150 to 165 = 15

This hurts both of us. Where do I have to add the 15?

This is what I see in the original css:

.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  */
}
* html #navColumnTwo {
 margin-right: -170px !important; /* Fixes IE6 Issue */
}
/* end wrappers - page or section containers*/

So the only change I made was

padding-right: 150px; /* Our right column width */

to 165 and

#navColumnTwo {
 float: right;
 margin-right: -150px;

to 165

Which other setting needs the added 15? I know this is simple for you, being the stylesheet expert and all, but give a guy a break, please. {BSG}
JOhn ><>

[jettrue]

That's Pthththth
LOL

I only changed the right column to be equal to the left (I thought)

I've been at this for 20+ years and still have brain freeze from time to time.

Left columns are still at 165 (right?)
I increased the right column from 150 to 165 = 15

This hurts both of us. Where do I have to add the 15?

This is what I see in the original css:

.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  */
}
* html #navColumnTwo {
 margin-right: -170px !important; /* Fixes IE6 Issue */
}
/* end wrappers - page or section containers*/

So the only change I made was

padding-right: 150px; /* Our right column width */

to 165 and

#navColumnTwo {
 float: right;
 margin-right: -150px;

to 165

Which other setting needs the added 15? I know this is simple for you, being the stylesheet expert and all, but give a guy a break, please. {BSG}
JOhn ><>

Add 15px EVERYWHERE. See how it starts at 165px ALREADY for the left side? That is because there is built in padding. Just like before, I told you to add 40px to 165px, now you add 15px to 165px.

To be absolutely clear. Wherever you see 165px in the original stylesheet, change it to 180px, wherever you see 150px, change it to 165px. Wherever you see 170px, change it to 185px.

[Stuff4Toys]

Add 15px EVERYWHERE. See how it starts at 165px ALREADY for the left side? That is because there is built in padding. Just like before, I told you to add 40px to 165px, now you add 15px to 165px.

To be absolutely clear. Wherever you see 165px in the original stylesheet, change it to 180px, wherever you see 150px, change it to 165px. Wherever you see 170px, change it to 185px.

OK now the mud is clearing from my brain.

I really appreciate your patience, it teaches me a lesson when I deal with others. Thanks Again
JOhn ><>

[MotoDelta]

Just wanted to post this as a reference for future surfers:

My MessageStack background colors were not rendering at all in IE6 for this template. They worked fine in IE7 and firefox. To fix this I added a width: 640px; to the CSS for these items and now they work fine.