[jQuery] Re: Superfish z-index problem with googlemap in IE

[CanisVoriCanis]

I'm not using the superfish menu but if your looking for example code
where I had to overcome the same problem.

www.jasonsGuns.com  - Search - FFL Services

I know an example can always help.

[jQuery] Re: Superfish z-index problem with googlemap in IE

[CanisVoriCanis]

I just had a similar problem and my here is my solution.
first some html
div idcontainer
div id=menumenu.../div
div id=map_container/div
/div
You must set all of the div tags two properties of position and z-
index, ie.
{
position:relative;
z-index:;
}
You can set other style properties but you must set those two.  If you
remove either one it will not work.
Then make sure your menu z-index exceeds your container AND
map_container.
Then (THIS IS NOT INTUITIVE) your container should exceed your
map_container.

I have mine set as follows
container z-index = 
menu z-index = 99
map_container z-index = 1

Good luck I hope this helps your particular case.

On Jul 31, 6:06 am, appu rupakn...@gmail.com wrote:
 Hi All
 I am using the superfish menu on a page that also has a google map on
 it. It work fine in FF but  the menu will display below the  google
 map in IE.  I have already change the z-index:999 and
 position:absolute, but the result remains same for IE.

 Thanks in advance for your help

[jQuery] Re: Superfish z-index problem with googlemap in IE

[rupak mandal]

Thanks for the suggestion.I got the solution.We have to just change the
superfish.css

.sf-menu li:hover {
  visibility:   inherit; /* fixes IE7 'sticky bug' */
position:relative;
 z-index:999;
}


and  it will work.


On Mon, Aug 3, 2009 at 11:38 AM, CanisVoriCanis code.l...@gmail.com wrote:


 I just had a similar problem and my here is my solution.
 first some html
 div idcontainer
 div id=menumenu.../div
 div id=map_container/div
 /div
 You must set all of the div tags two properties of position and z-
 index, ie.
 {
position:relative;
z-index:;
 }
 You can set other style properties but you must set those two.  If you
 remove either one it will not work.
 Then make sure your menu z-index exceeds your container AND
 map_container.
 Then (THIS IS NOT INTUITIVE) your container should exceed your
 map_container.

 I have mine set as follows
 container z-index = 
 menu z-index = 99
 map_container z-index = 1

 Good luck I hope this helps your particular case.

 On Jul 31, 6:06 am, appu rupakn...@gmail.com wrote:
  Hi All
  I am using the superfish menu on a page that also has a google map on
  it. It work fine in FF but  the menu will display below the  google
  map in IE.  I have already change the z-index:999 and
  position:absolute, but the result remains same for IE.
 
  Thanks in advance for your help

[jQuery] Re: Superfish z-index problem with googlemap in IE

[Boris Anthony]

Having the same problem.
From what I can gather, Superfish in IE7 goes behind any element that
has position:relative; declared, and it just so happens that
embedded Google maps seem to require it's container to declare that
explictly.

I can't provide a demo right now (about jump on a plane) but if no one
else knocks one up, I could try tomorrow.

Thanks
B.


On Jul 31, 8:38 am, amuhlou amysch...@gmail.com wrote:
 can you post a link to an example page where this is happening?

 thanks

 On Jul 31, 8:06 am, appu rupakn...@gmail.com wrote:



  Hi All
  I am using thesuperfishmenu on a page that also has agooglemapon
  it. It work fine in FF but  the menu will display below the  google
 mapin IE.  I have already change the z-index:999 and
  position:absolute, but the result remains same for IE.

  Thanks in advance for your help

[jQuery] Re: Superfish z-index problem with googlemap in IE

[rupak mandal]

Thanks for the responce.

On Sat, Aug 1, 2009 at 7:36 PM, Boris Anthony boris.anth...@gmail.comwrote:


 Having the same problem.
 From what I can gather, Superfish in IE7 goes behind any element that
 has position:relative; declared, and it just so happens that
 embedded Google maps seem to require it's container to declare that
 explictly.

 I can't provide a demo right now (about jump on a plane) but if no one
 elsee  knocks one up, I could try tomorrow.

 Thanks
 B.


 On Jul 31, 8:38 am, amuhlou amysch...@gmail.com wrote:
  can you post a link to an example page where this is happening?
 
  thanks
 
  On Jul 31, 8:06 am, appu rupakn...@gmail.com wrote:
 
 
 
   Hi All
   I am using thesuperfishmenu on a page that also has agooglemapon
   it. It work fine in FF but  the menu will display below the  google
  mapin IE.  I have already change the z-index:999 and
position:absolute, but the result remains same for IE.
 
   Thanks in advance for your help