3 replies [Last post]
ipe
Offline
newbie
Last seen: 15 years 41 weeks ago
Joined: 2005-01-11
Posts: 3
Points: 0

Hi everyone!

I have a CSS vertical menu with 1 level deep submenu(took the source from http://www.alistapart.com/articles/dropdowns/) which is great.

The not so great thing is...
I have created a page with two DIVs. One contains the vertical menu and the other which is positioned right next to it has some text content. If you go with the mouse over the menu, submenu opens so that it is expanded on the right side and covers a part of the DIV with the content. Now, if this other DIV has property OVERFLOW set to auto( or scrollbars), the submenus do not work anymore. In fact when the mouse cursor is on a position that covers both first and second DIV, the submenu hides and makes it impossible to click.

The attachment contains the example. A javascript function is also added to html to make the menu work in IE.

The problem appears on FireFox 1.0, while IE seems to digest it very well.

Thanks in advance for any suggestions or resolution you may provide. :?

Tags:
Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 2 days 21 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5343
Points: 2964

CSS vertical menu & overflow property problem

Hi ipe,
Here's a topic with a similar problem using menus with iframes.

http://www.csscreator.com/css-forum/ftopic6790.html

ipe
Offline
newbie
Last seen: 15 years 41 weeks ago
Joined: 2005-01-11
Posts: 3
Points: 0

CSS vertical menu & overflow property problem

This is a 2 years old Ffirefox bug... Sad

https://bugzilla.mozilla.org/show_bug.cgi?id=125386

ipe
Offline
newbie
Last seen: 15 years 41 weeks ago
Joined: 2005-01-11
Posts: 3
Points: 0

Workaround

I found a solution to my problem. It's called HTC. Laughing out loud

Whenever a user goes over menu the div with the content hides and so makes it possible to select an item from the submenu.

I did this with CSS property "-moz-binding:" (IE equivalent is behavior:), a useful wrapper from " http://dean.edwards.name/moz-behaviors/ " called (moz-behavior.xml)
and a little of javascript.

Visualy is not that nice but it works for me. If you need an example, just "ping" me:-)