4 replies [Last post]
peterkerk
Offline
Regular
Last seen: 3 years 34 weeks ago
Timezone: GMT+2
Joined: 2010-11-18
Posts: 11
Points: 19

See: http://www.toptrouwen.nl/fotografen/zoeken-uitgebreid

When hover over the main menu, e.g. "Home" or "Zoeken", the menu expands but does not hover OVER the "uitgebreid zoeken" box, but rather disappears underneath it...how can I fix that?

It seems a z-index problem but after playing around with that I still cant figure the right configuration

Thanks

jon19870
jon19870's picture
Offline
Enthusiast
Lancashire, England, UK
Last seen: 1 year 13 weeks ago
Lancashire, England, UK
Timezone: GMT+2
Joined: 2007-01-05
Posts: 195
Points: 194

add the z-index to the

add the z-index to the menu

#menu li ul
{
z-index:1; /*add me*/
}

peterkerk
Offline
Regular
Last seen: 3 years 34 weeks ago
Timezone: GMT+2
Joined: 2010-11-18
Posts: 11
Points: 19

Thanks!

Thanks!

peterkerk
Offline
Regular
Last seen: 3 years 34 weeks ago
Timezone: GMT+2
Joined: 2010-11-18
Posts: 11
Points: 19

Hi, I noticed now that in

Hi, I noticed now that in Internet Explorer 9 it still doesnt work...Firefox and Chrome DO work...
Any other suggestions?

Thanks! Smile

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 1 week 1 day ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

You can try adding position

You can try adding position relative to the ul or a parent and possibly increasing that z-index to 500 to ensure it's on top.

You have markup errors they ought to be addressed to ensure they are not an issue.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me