Zen Cart Logo
Forums / General Questions / IE7 shows top menu over banner

IE7 shows top menu over banner

Locked

Views: 1,003

Results 1 to 5 of 5
This thread is locked. New replies are disabled.
11 Sep 2008, 10:24 AM
#1
plummer avatar

plummer

New Zenner

Join Date:
Aug 2008
Posts:
3
Plugin Contributions:
0

IE7 shows top menu over banner

When I open my Zen Cart site (with the default template, only the banner is replaced) in IE7 the top menu is over the banner (logo). In IE6 all looks OK. Anyone seen this too ?

I use the V1.3.8a version. The server info is :

Server OS: Linux nlw-fe02 2.6.17-11-server #2 SMP Fri May 18 23:40:13 UTC 2007 i686 Database: MySQL 4.0.24_Debian-10sarge2-log
Server Date: 09/11/2008 12:23:05 Database Date: 09/11/2008 13:56:29
Server Up Time: HTTP Server: Apache
PHP Version: 4.4.2-1.1 (Zend: 1.3.0) PHP Memory Limit: 16M PHP Safe Mode: On
PHP File Uploads: On Max Size: 16M POST Max Size: 16M
Database Data Size: 331 kB Database Index Size: 350 kB

Regards, Danny.

11 Sep 2008, 12:18 PM
#2
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: IE7 shows top menu over banner

Hard to know for sure without a link to your site, but try increasing the height portion of #logoWrapper in your stylesheet.

12 Sep 2008, 2:06 PM
#3
plummer avatar

plummer

New Zenner

Join Date:
Aug 2008
Posts:
3
Plugin Contributions:
0

Re: IE7 shows top menu over banner

I tried to separate the logoWrapper from the group definition and added a height=150px property. But that did not fix it.

Next I tried to change the "sales message goes here" text (which I had made empty earlyer) to a simple linebreak (<br />) which caused the sideboxes to be placed correctly under the logo. The navigation bar however still floats on the middle of the logo.

You can check it out here : http://www.mikaousui.nl/shop/ (Dutch alert)

That linebreak however makes things look sloppy in IE6 (too much whitespace).

Any suggestion is welcome

Regards, Danny.

12 Sep 2008, 2:25 PM
#4
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: IE7 shows top menu over banner

Whe I load your site into Firefox and use the Web Developer to edit this by changing the height to 150px, it does make it larger. It should fix the IE problem. This #logoWrapper should already have been broken out.

#logoWrapper {
background-image: url(../images/header_bg.jpg);
background-repeat: repeat-x;
background-color: #ffffff;
height:75px;
}

12 Sep 2008, 8:38 PM
#5
plummer avatar

plummer

New Zenner

Join Date:
Aug 2008
Posts:
3
Plugin Contributions:
0

Re: IE7 shows top menu over banner

Thanks Steve,

This seems to have solved the problem.

I removed the linebreak so it is still showing correctly in IE6. And in IE7.

Danny.