[SOLVED] Menu drops down behing Photoslide in IE7

Hi,
A weird behaviour of the menu in IE7(suckerfish and moonenu)
makes it that when the user mouseover the menu with multiple submenus
like JOOMLA OVERVIEW for instance (I installed the Quickstart) the menu drops BEHIND
the Photoslide in IE7

here is a link:
http://popsymbo.easy-hebergement.info/6/6/

This behavior is not present on the demo

http://demo.gavickpro.serwery.pl/joomla15/may2008/

What can I do to stop this on IE7 ?
and why does it behave like this on my test site, and not on the demo site ?

I have installed the site from the Quickstart, so it should be the exact same

;

I have this problem too, in fact the menu's are actually broken throughout the entire site when viewed in IE 7. I would be grateful for a fix ASAP.

http://www.smithieuk.co.uk/index.php

Thanks in advance DM.

Change z-index for menu styles for bigger values...

agree with but could you give us a sample ?
files you modify for instance and values ...
i try several options but result is every time the same : menu drops down beside photoslide in IE 7 and also with Firefox 3 ....

thanks
Jerome

Hi, yes I have the same problem, and also don't understand how to change the z-order of the menu files.

Steve

Hi, I figured out how to change the z-index. It's just a value in the various css files of the template. However, changing it doesn't seem to fix this.

The problem is still there regardless.

Perhaps Gavick would be able to shead some light, since as you pointed out, their demo site seems to work just fine, however, our sites don't - Also installed the loader with demo content.

Really need a fix, because can't run with just 1 level of top menu.

Please, pretty please, can someone instructs us how to fix this ?

Try this:

Open the suckerfish.css file on css template folder and find this code:

Code: Select all

#horiz-menu {
height: 47px;
position: relative;
z-index: 49;
margin:0;
width: 720px;
}

Change it to:

Code: Select all

#horiz-menu {
height: 47px;
position: relative;
z-index: 1000;
margin:0;
width: 720px;
}

Cheers

I just applied that change.
It fixed it in Firefox but not in IE7

In IE7: the menus still loads behind the photoslide.
I cleaned the cache and everything. I am running Joomla 1.5

confirmed. hack works well under firefox 3 but nothing with IE 7 ....
i suppose there is a solution but how ????
Thanks for your help moderator
idea: sample seems to work so where is the difference ?

The demo template works fine.
So if we could fine a way to see the difference...
I tried with Firebug but I was not able to pinpoint the differences between the demo template and my site

changing the z-index didn't make any difference. The menu functions OK in firefox v2 regardless of the setting of this z-index. However, it doesn't work in IE7 regardless if I leave the z-index setting at 49 or make it 1000.

i think i found the solution !

edit file template_css.css

find and change like that :
div#menu {
height: 47px;
background: url('../images/bg_menu.png') repeat-x 0 0;
margin-bottom: 25px;
position: relative;
z-index: 1000;
}

also, don't forget to modify suckerfish.css:
#horiz-menu {
height: 47px;
position: relative;
z-index: 1000;
margin:0;
width: 720px;

for me, that works now with IE 7 and Firefox 3 (and 2)

Cheers,

Jerome

Thanks Jerome, your suggestion fixes it in my ie7 beautifully.

Thankyou Sir!

Well, it did not fix it in my IE7

I could not find this in template_css.css

Code: Select all

div#menu {
       height: 47px;
       background: url('../images/bg_menu.png') repeat-x 0 0;
       margin-bottom: 25px;
       position: relative;
       z-index: 1000;
}


So I added it to template_css.css but that did not fix it.


Is there a nice and friendly moderator reading this ?




.




Is there a moderator reading ?

Please








I really need that fix.

It just occured to me that the demo template does have that bug in Firefox but the bug is not present in IE7


look for yourselves

http://demo.gavickpro.serwery.pl/joomla15/may2008/

I just spent the last 2 hours on this,
I tried everything

Look this is the site I am trying to fix:
http://popsymbo.easy-hebergement.info/6/6/


and this is the demo template:
http://demo.gavickpro.serwery.pl/joomla15/may2008/


They are supposed to be identical but


Hover your mouse over the menu item: JOOMLA OVERVIEW

DEMO TEMPLATE: http://demo.gavickpro.serwery.pl/joomla15/may2008/
In IE7: the behaviour of the menu is fine
in Firefox: the behavior of the menu is NOT ok


MY SITE: http://popsymbo.easy-hebergement.info/6/6/
In IE7: the behaviour of the menu is NOT fine
in Firefox: the behavior of the menu is ok


I even went and copied the CSS of the demo template, nothing works



Can someone tell us why ?





Pretty please... I am about to jump off the 34th floor




.

Can the moderator help us with this issue ?

Yeap, I'll try.

Open the ie7_css.css file and add the following code

Code: Select all

.page960 {
   position: static;
}

and??

some code missing ?

?? I don'think so.

Thank you

the menu now works in both IE7 and Fireworks

It worked fine for me 2! Thank's allot for the solution!

"Worked for me in IE7 but not FF 3.01

this makes this template useless for me unless I have a fix. Please someone help me out here "

Okay, I made the additional changes to template and suckerfish css files and all seems ok now. I dont understand though why an issue that was pointed out over 3 weeks ago is still a problem in a fresh download of template files. maybe i am just being naive in thinking that this is the way template clubs should work. thanks to all for the help

ok this worked thanks all for above code

PLEASE NOTE: also make sure in template config to select suckerfish as menu option and not others!!

and these two files are found in this directory
www.yoursite.com//templates/gk_eshoptrix_2/css/


first change in template_css.css

this code

Code: Select all

div#menu {
   height: 47px;
   background: url('../images/bg_menu.png') repeat-x 0 0;
   margin-bottom: 25px;
}

to

Code: Select all

div#menu {
   height: 47px;
   background: url('../images/bg_menu.png') repeat-x 0 0;
   margin-bottom: 25px;
position: relative;
z-index: 3000;
}

then change in suckerfish.css

this code

Code: Select all

#horiz-menu {
   height: 47px;
   position: relative;
   z-index: 49;
   margin:0;
   width: 720px;
}

to

Code: Select all

#horiz-menu {
   height: 47px;
   position: relative;
   z-index: 3000;
   margin:0;
   width: 720px;
}

ok i fixed also in Firefox with increasing zindex to 3000, this works in all browsers including Firefox

Gracias Jerome por tu aportación.
Una cosa tan tonta que requiera tanto tiempo hasta testear todo.

Un saludo

I know this topic is labeled IE7, but how about IE6?

We have it working in all other browsers and the posts above were very helpful, unfortunately my client is still using IE6 and wants the top menu to not go behind the Photoslide.

Can someone please help me with IE6 so it too shows above the Photoslide?

hi, does it work with the news II template? putting the menus over the modules and not under it? for example,
if I create a flash module and the submenu gets under it, what code do I have to change?
I ask because I'm about to register to download the news2 and ILife templates... but it would be important to be able to fiz those problems, because the submenus will have to roll over a module with a flash image.

Suckerfish is giving troubles for more than 3 years! I don't understand why gavick doesn't give:

1. a final fix that makes it work for ie6,7 FF.
2. Stays away from a product that gives his cliënts and him so much trouble!

And why is this topic labeled solved?

I've openened a personal account (to test first) and not business just because I was very afraid something like this was going to happen. It gives the webdesign industry a very bad name. Products should be thouroly tested before going to market.

This Menu problem is already nr.1 sticky on the forum and there is still no good solution.

Gavick, could you please comment on this!


Sorry to sound a bit frustrated but I've spend money on this template and don't like the many hours I (and as it seems many others) have put in this problem.

DB

Here's my trouble: