Jump to content

Welcome to Geeks to Go - Register now for FREE

Geeks To Go is a helpful hub, where thousands of volunteer geeks quickly serve friendly answers and support. Check out the forums and get free advice from the experts. Register now to gain access to all of our features, it's FREE and only takes one minute. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more.

Create Account How it Works

vertical cascading menu

  • Please log in to reply



    Member 1K

  • Member
  • PipPipPipPip
  • 1,383 posts
Hi all,

I am working on a vertical cascading menu, that is, menus that go from left to right. I would like the sub menus that pop out from the parent menu items to over hang on the parent menu just a little, instead of being side to side from the parent items on the cascading menu. I have employed a z-indexing scheme that will accomplish this, however (and here is the rub) the z-index tags do not work in the IE browser, where they work in my Firefox browser perfectly. In the IE browser, the parent menu items cover over the child pop out menus, where I want the opposite to happen. Is there a workaround this situation.

For example let say the parent menu item is 10 em wide from a particular starting point, I want the child menu item to take up 5% of that width, so it looks like it is on top of the parent item. How can I have the child items show on top of the parent items in an IE browser. I am using a coding scheme of css and unordered lists.

|<----parent menu ----|<-->|---child menu elements --->|
|<----parent menu --------->|
|<----parent menu --------->|

In the above illustration the first parent item has a sub menu (child menu) where I want all of the child member elements to overhang on all of the parent menu elements, depending on how big the child menu is (that is how many child elements that are contained in the child menu or sub menu).

rambro :)
  • 0




    Tech Staff

  • Technician
  • 1,323 posts
To properly use z-index, the elements in which it is used need to have a position attribute set in CSS. See Specifying the stack level: the 'z-index' property for more information.
  • 0

Similar Topics

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

As Featured On:

Microsoft Yahoo BBC MSN PC Magazine Washington Post HP