Milonic provide full featured pull down web menus for some of the worlds largest companies
click here to see what it can do for you

Download Milonic DHTML Menu
Buy Milonic DHTML Menu

Back To Start Of Archive
Taken From The Forum: Help & Support for DHTML Menu Version 5+
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:32

Menu appears under relative positioned image in FF [SOLVED]


Poster: ClimateFriendly_developer
Dated: Tuesday June 26 2007 - 5:37:19 BST

https://www.climatefriendly.com/car

This is where the issue is occurring.

Basically, we have a menu which normally appears above an image/link on the page. In one case, there is another image beneath the item, and the milonic menu appears under this.

I know that I've not explained it well, but it's easier to see than to explain it.

There is a milonic menu on the 'about' item in the top menu. For some reason when the 'car' tab is selected, the menu appears beneath it, but only in firefox.

For a while we decided to ignore this, as it wasn't cutting off too much of the menu, but we've since decided to make another item in the top menu expandable. This will be largely covered by the active tab.

Try selecting anothe tab, and opening the menu. The menu will appear over the car tab when it's not selected.

We're kinda at a loss as to how to fix this one.


Poster: Ruth
Dated: Tuesday June 26 2007 - 8:49:51 BST

Hi,

I really don't know what's causing that. I can't see anything in the style sheet that would do it, and I can't test it since for some reason it no longer does it on my desktop. Have you tried setting the zindex property in that about menu?

That is a menu property, so you can try setting and experimenting with it and see if that works.
Code:
// About Menu defined here
with(milonic=new menuname("about")){
    style=SubMenuStyle;
    align="left";
    zindex=whatever number here;


Since I can't get it to do it on my desktop anymore, I can't experiment with numbers for setting it and see what works. I guess you could try setting it to 1001 or something really high. I think internally it's 1000 but since it is dropping behind go higher [I think that's how zindex works, from someone who does little with css and divs!]

Ruth


Poster: Ruth
Dated: Tuesday June 26 2007 - 9:06:26 BST

Hi,

Well, that isn't going to work, but I did find what is causing it. Again, I do little css so the fix is up to you :)

In your style.css file you have this

Code:
#menu {
   OVERFLOW: hidden
}


That is causing the problem in FF. If you remove the overflow:hidden, the menu drops over the tab.

Ruth


Poster: ClimateFriendly_developer
Dated: Wednesday June 27 2007 - 1:56:32 BST

Thanks heaps for that.

Now to find out why that was put in in the first place...

Big help, Thanks.