next »

[Fotis]

It's really a common template problem...

All suckerfish (or others like Supersucker, Transmenu etc.) dropdown menus should be included inside a container div to bypass such issues, mainly for compatibility with flash banners, javascript rotators which use relative positioning etc. But most template developers forget that.

So, here's what you can do.
You need to add a container div that wraps your menu. Open your template's index.php file and look for the place where the menu is called. It should be something like:

Code:

<div id="nav">***menu code here***</div>

So, add a "wrapper" div, like so:

Code:

<div id="menu-container"><div id="nav">***menu code here***</div></div>

And then in your template's CSS file (template_css.css), add the following code snippet:

Code:

#menu-container {position:relative;z-index:99;}

This should fix any issues.  

[Yoda]

Dear All,

just wanted to leave a comment on this issue, i am a newbie but did what i was told to do in regards to the code changes, and YEP it works. thanks for this, i am so much further now. www.australianireland.com
thx

twixyco

[Effezien]

Hi all, 

I would like to write this in the forum, maybe this will help anyone :

I have a website with Joomla! 1.5.8 & the ja_purity template.
I had the same issue with the menu and i changed the following in the ja-sosdmenu.css file from this template:

Code:

/*--------------------------- VISUAL ----------------------------*/
/* -------- All levels -------- */
#ja-mainnavwrap {
border-top: 1px solid #666666;
background: #444444;
position:relative;z-index:99;
}

Around line 69 you need to add the

Code:

position:relative;z-index:99;

line just before the closure tag }

I checked this with IE7 & Firefox, IE7 had the same issue, so i assume this will fix it aswell in IE6. Can anyone check this in IE6 maybe ?

Greets,
Sven