Apple Zen Support Thread

I am actually having a different problem problem then admcompa. I have been developing in firefox and just checked ie and my drop down menu is shifted to the right in ie.

http://dev.creativeap.com/zencart/

any ideas?

thanks,
jenny

Quote:

---

Originally Posted by admcompa

I love this template. Thanks you! I have a problem though. I use Firefox mostly and have not really paid to much attention to the view in IE. I should have. The drop down categories are shifted all the way to the right and the side coxes have a green spot caused from something. Any ideas how I can fix this? My website is www.admcompany.org.

Thanks

Doug

---

Well, I see an issue in Firefox as well, there's a missing </div> in the BLANK sidebox add on. Fix that, and that may fix your IE issues.

Quote:

---

Originally Posted by friends1976

Hey....I can't thank you enough for this template. It is really great!!

I have one question...If I want the home buttons to be directed to another link rather than that within Zen, where do I put that?

Thanks so much,
Ashley

---

Which home buttons are you referring to? Do you want every single link on the site that says "HOME" to go to a different site? OR just one or two links?

Quote:

---

Originally Posted by admcompa

Ok I fixed the problem. After playing with about every line in my apple_zen/css/stylesheet.css I deleted one word and it all works great now.

The word highlighted in red is what I deleted:

/*The main content classes*/
#contentMainWrapperOuter {
float:left;
width:100%;
}

#contentMainWrapper {
width:71em;
margin:0 auto;
text-align:center;
position:relative;
top:2.18em;
}



This is what it looks like now:

/*The main content classes*/
#contentMainWrapperOuter {
float:left;
width:100%;
}

#contentMainWrapper {
width:71em;
margin:0 auto;
text-align:;
position:relative;
top:2.18em;
}


Hope that works for you to!

Doug

---

You still have a missing </div> in the blank sidebox addon that is causing other issues.

Quote:

---

Originally Posted by chadderuski

Jade,

I came across this and have been playing with it.... take a look and tell me if you think this would be cool to have in a template. Not my own code, BTW.

http://chicagophoto.net/cssdockmenu/

But pretty darn cool, eh? This sample has code at both top and bottom of the page, but you'd probably only use one in a real design.

I don't think it works in IE 5.5 though.

-chaddro

... now where DID I find that ... oh:

http://www.ndesign-studio.com/blog/d...css-dock-menu/

---

That is DANG DARN awesome! If I had time, I might have to make an APPLE COMPUTER inspired template, but with a full time job and three kids and a husband.... NOT GONNA HAPPEN! LOL! Looks like fun!

Quote:

---

Originally Posted by Mike123acc

Great template.

Wasn't going to use Zen Cart until I found this. I can't stand the regular 'shop in your face' look of OsCommerce and Zen Cart.

This template really gives Zen Cart a new face.

Thanks.

---

THANK YOU! And you're welcome!

Quote:

---

Originally Posted by jinx

I am having the exact same problem as admcompa. I have been developing in firefox and just checked ie and all of my categories boxes are shifted in ie.

http://dev.creativeap.com/zencart/

any ideas?

thanks,
jenny

---

What version of IE, and does the same thing happen at my test site: http://www.zencart137.jadetrue.com?

Jade,

IE 7, 6 looks fine now after i commented out:

/* #dropMenuWrapperb {
width:71em;
margin:0 auto;
position:relative;
}

#dropMenuWrapperc {
background:url(../images/shadowRight.png) repeat-y 100% 0;
width:71em;
margin:0 auto;
position:absolute;
height:2.18em;
}

#dropMenuWrapperd {
background:url(../images/shadowLeft.png) repeat-y 0 0;
width:71em;
margin:0 auto;
position:absolute;
height:2.18em;
}

from stylesheet.css

it is now centered in ie, but check out the weird shadow effect in ie 7:

dev.creativeap.com/zencart

the shadow is above the logo wrapper. i am guessing it has to do with something in my stylesheet since has been so heavily edited.

any suggestions?

thanks,
jenny

Quote:

---

Originally Posted by jinx

Jade,

it is now centered in ie, but check out the weird shadow effect in ie 7:

dev.creativeap.com/zencart

the shadow is above the logo wrapper. i am guessing it has to do with something in my stylesheet since has been so heavily edited.

any suggestions?

thanks,
jenny

---

Are you using the latest version of the template? By default it doesn't have the issue you're describing, so I would start fresh.

for anyone who is interested. i ended up commenting out the following lines:

/*
#headerWrapperb {
background:url(../images/shadowRight.png) repeat-y 100% 0;
width:71em;
}

#headerWrapperc {
background:url(../images/shadowLeft.png) repeat-y 0 0;
width:71em;
}

#dropMenuWrapperb {
width:71em;
margin:0 auto;
position:relative;
}

#dropMenuWrapperc {
background:url(../images/shadowRight.png) repeat-y 100% 0;
width:71em;
margin:0 auto;
position:absolute;
height:2.18em;
}

#dropMenuWrapperd {
background:url(../images/shadowLeft.png) repeat-y 0 0;
width:71em;
margin:0 auto;
position:absolute;
height:2.18em;
}
*/

after i commented them out my template loads perfectly in ie 6 and 7 and firefox (haven't tried safari yet). anyway, these lines only need to be commented out if you drop the logo down and choose to use the narrow header as seen here:

http://dev.creativeap.com/zencart