0

have problem of Drop Down Menu Overlaps with Image Map of my Website. This happens when I click on Top menu bar (drop down).

The expected output is, the drop down menu should appear above the map.

I am having problems with structure of the webpages in different browsers. for one browser it will display correctly for another browser like IE or Mozilla it will not display exactly. Do we have any browser compatibility code (in html or javascript or css)

4
Contributors
3
Replies
5
Views
7 Years
Discussion Span
Last Post by e.techie
0

I'm guessing your HTML utilizes DIV containers, so using CSS, change the z-index of your containers.

#menu{
/*Other code bla bla*/
z-index: 1;
position: absolute;
}
#map{
/*Other code bla bla*/
z-index: 2;
position: absolute;
}

You will now need to specify height parameters for these containers, and they should be wrapped/nested in another DIV parent container which should have a position:relative.

It's best that in your HTML, your menu DIV container precedes your map DIV container.

Edited by CJesusSaves: n/a

0

Thanks CJesusSaves a lot..really very nice code snippet..it worked in one shot..

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.