Apple Zen Support Thread

[kevdoginca]

I have been digging and digging through this thread (Dang there is a TON of good information here!!), but I can not figure out my logo problem. I figured you guru's could figure it out in a snap!

I replaced the logo.gif with my logo and got it centered, it fits properly and it looks great in FireFox 3.x... but in IE7, it is not centered (left justified?) and there is a dark horizontal bar beneath my logo (what the?).

Any assistance would be greatly appreciated!

You can see the site at; http://www.sarzottiwinery.com/store/

Please see attached screenshots.

[sadwargamer]

I have been digging and digging through this thread (Dang there is a TON of good information here!!), but I can not figure out my logo problem. I figured you guru's could figure it out in a snap!

I replaced the logo.gif with my logo and got it centered, it fits properly and it looks great in FireFox 3.x... but in IE7, it is not centered (left justified?) and there is a dark horizontal bar beneath my logo (what the?).

Any assistance would be greatly appreciated!

You can see the site at; http://www.sarzottiwinery.com/store/

Please see attached screenshots.

Hi
This is exactly the same issue I have but it seems no one seems to know how to resolve.

To remove the colour bar below the logo you can set the colour as I had the same problem I set the background in #headerwrapper in stylesheet.css to my background colour, although I think you also have a background image with that dark brown colour somewhere - "apple_zen/images/site-bg.gif" I would try changing that as well as to be perfectly honest I am not great at this stuff but it worked for me!

Although I still have the bar below the logo but now its same as my background - FF/Safari seem to render it perfect just like your example...

I see you also have the other same issue as me in the the drop down Menu in IE actually covers the top two pixels of the div below it! See image attached

(same issue on my site (see post: http://www.zen-cart.com/forum/showpo...postcount=2161)

There must be someone on the forum who knows why IE dos this and can offer help to us less css empowered people :)

regards
Andy

[jettrue]

Hi
This is exactly the same issue I have but it seems no one seems to know how to resolve.

To remove the colour bar below the logo you can set the colour as I had the same problem I set the background in #headerwrapper in stylesheet.css to my background colour, although I think you also have a background image with that dark brown colour somewhere - "apple_zen/images/site-bg.gif" I would try changing that as well as to be perfectly honest I am not great at this stuff but it worked for me!

Although I still have the bar below the logo but now its same as my background - FF/Safari seem to render it perfect just like your example...

I see you also have the other same issue as me in the the drop down Menu in IE actually covers the top two pixels of the div below it! See image attached

(same issue on my site (see post: http://www.zen-cart.com/forum/showpo...postcount=2161)

There must be someone on the forum who knows why IE dos this and can offer help to us less css empowered people :)

regards
Andy

Try turning off the ezpages header section in your admin. "Configuration", "Ez-Pages Settings"

[kevdoginca]

THANKYOUTHANKYOUTHANKYOU!!!

Yes... my knowledge of css stylesheets is severely lacking... I admit that I am confused by it simply because I am not familiar... I did not know the correct tags for comments... I was using the old html # in front of... which is the root of my problem. I had made so many changes, it was difficult to figure out which fields I screwed up, so I simply took a new clean approach and all is working wonderfully now!!

Thanks again for this AWESOME template and all the support!

KevDoginCA

[jettrue]

I have been digging and digging through this thread (Dang there is a TON of good information here!!), but I can not figure out my logo problem. I figured you guru's could figure it out in a snap!

I replaced the logo.gif with my logo and got it centered, it fits properly and it looks great in FireFox 3.x... but in IE7, it is not centered (left justified?) and there is a dark horizontal bar beneath my logo (what the?).

Any assistance would be greatly appreciated!

You can see the site at; http://www.sarzottiwinery.com/store/

Please see attached screenshots.

First of all, I see a lot of issues in your stylesheet. I think that you think that a # symbol hides css, as I see a lot of stuff like this:

#logo 
{
 /#width: 19.1em;/* To prevent the logo from resizing, simply delete or comment out this section */
}

#logo img 
{
 #width: 562;
}

Those need to be gone. If you want to hide css, you can do this:

/* Hidden Stuff Here */

As in the instructions in the stylesheet, simply add:

text-align:center;margin:0 auto

to #logo to center the logo.