Jump to content

Menu Hidden By Body Div


dave@bones.co.za
 Share

Recommended Posts

I have a menu in a fixed position div to simulate a frame set...the balance of the page is in a fake body div and when scrolled down the page the dropdown of the menu is being hidden. I have the z-index set to be higher in the static than the body but this is still not helping. Any ideas?I have put a test page to illustrate this...http://www.webconstruct.co.za/test/menutest.aspAny help appreciated.Dave

Link to comment
Share on other sites

I have a menu in a fixed position div to simulate a frame set...the balance of the page is in a fake body div and when scrolled down the page the dropdown of the menu is being hidden. I have the z-index set to be higher in the static than the body but this is still not helping. Any ideas?I have put a test page to illustrate this...http://www.webconstruct.co.za/test/menutest.aspAny help appreciated.Dave
(should this be in the css section?)I could be wrong but it might be something to do with the way you're defining your styles. Pretty certain that style="z-index:1" isn't doing a great deal.Instead of using <div id="name"> try using <div style="name"> and then define it in your CSS as div.name { }.If you still need the id for other things (ie, getElementById calls in JS) then add that too.Being me I'd probably just put the menu in a frameset as it's easy, fast & well supported, but I'm guessing you want the dropdowns to overlap other body.
Link to comment
Share on other sites

(should this be in the css section?)I could be wrong but it might be something to do with the way you're defining your styles. Pretty certain that style="z-index:1" isn't doing a great deal.Instead of using <div id="name"> try using <div style="name"> and then define it in your CSS as div.name { }.If you still need the id for other things (ie, getElementById calls in JS) then add that too.Being me I'd probably just put the menu in a frameset as it's easy, fast & well supported, but I'm guessing you want the dropdowns to overlap other body.
no, his CSS declarations look OK. You can use class or id to reference styles.
Link to comment
Share on other sites

you should reconsider your choice of using Tables, javascript controlled menus, and use unordered listing instead.anyway! the problem seems to relate to the submenus being positioned absolute instead of fixed, by using #ace1i2, #ace1i3{position:fixed!important; top: 32px!important;}the submenus display as they should, instead of moving down, out of the container, and then being hidden

Link to comment
Share on other sites

  • 2 weeks later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...