PDA

View Full Version : Flyout Menu hidden in IE


p9142
01-26-2009, 08:42 PM
I am using UDM menus for the first time, and the flyout menu keeps getting hidden by things in my main content section of the page. Everything works fine in Firefox and Safari, but in IE it gets hidden. Here is the address to the page where I am having trouble. http://www.wiu.edu/users/ppc102/menu1/

My udm-custom.js has the z order set to "1000"


um.orientation = [
"vertical", // alignment ["vertical"|"horizontal"|"popup"|"expanding"]
"left", // h align ["left"|"right"]
"top", // v align ["top"|"bottom"]
"absolute", // positioning ["relative"|"absolute"|"fixed"|"allfixed"]
"0.5em", // x position ["em"|"ex"|"px"|"0"]
"0.5em", // y position ["em"|"ex"|"px"|"0"]
"1000", // z order ["0" to "10000"] (menu takes 20000 headroom)
];

vinyl-junkie
01-26-2009, 08:56 PM
Try raising the value of z order to say, 2000 and see if that does anything for you.

p9142
01-26-2009, 09:05 PM
Thanks for the response.

I tried 2000, and 10000, but they both have the same issue.

p9142
01-28-2009, 08:12 PM
OK, I figured it out. I needed to specify the z-order for my sidebar, and main content sections of the page. Once I did that, it worked perfectly.

vinyl-junkie
01-29-2009, 03:22 AM
I'm glad to know that you got this fixed. You did fix it in the um.orientation array, right? That's what I thought you were doing when I tried to help earlier. I guess I wasn't too clear about what you needed to do. Anyway, it works now. That's what is important.

p9142
01-29-2009, 09:08 PM
I'm glad to know that you got this fixed. You did fix it in the um.orientation array, right? That's what I thought you were doing when I tried to help earlier. I guess I wasn't too clear about what you needed to do. Anyway, it works now. That's what is important.

No, I fixed it in the css for my webpage. Since my sidebar came before the main content section of my page, the flyout menus were hidden in Internet Explorer. They worked fine in Opera, Firefox, and Safari. Once I added a z-index to the container for my sidebar and a lower index to the container for my main content, everything displays properly in IE.