Welcome to WebmasterWorld Guest from 54.198.134.127

This page requires javascript to function properly. It seems that your browser does not have Javascript enabled. Please enable Javascript and press the Reload/Refresh button on your browser.

Forum Moderators: rogerd

Message Too Old, No Replies

Twitter Widget covers up my drop down menu

Menu is set at z-index:100

Lorel

8:28 pm on Mar 25, 2010 (gmt 0)

Senior Member from US

joined:June 4, 2002
posts: 1867
votes: 3

I installed Twitter's Widget on my website and everything is working fine. I liked the colors so much I changed the whole website to match.

But then I realized the twitter posts are covering my my drop down menu when I mouse over the menu links. I have the menu set for z-index:100.

This occurs in all modern browsers on the Mac and also IE 6.

The menu is in CSS and the widget in Javascript. I surfed the intertnet and only found one other person with the same problem but no answer.

Can anyone tell me how to fix this? I could move the widget down but this will mess up the new web design I just set up.

rogerd

2:47 pm on Apr 1, 2010 (gmt 0)

Administrator

rogerd is a WebmasterWorld Top Contributor of All Time

joined:Aug 2, 2000
posts:9687
votes: 1

Hmmm... any luck yet, Lorel? If not, I'll move the query to a different forum.

Lorel

6:09 pm on Apr 1, 2010 (gmt 0)

Senior Member from US

joined:June 4, 2002
posts:1867
votes: 3

No replys yet. I moved the widget down below the lowest point of my drop down menu until I can get it fixed.

Omnipossible

7:55 pm on May 7, 2010 (gmt 0)

New User

joined:May 7, 2010
posts: 1
votes: 0

Hi,

Z-index is a chronically buggy issue that can relate to the render order of objects erroneously in most browsers. I ran into the same problem, try setting the drop down elements to a z-index of 10000 or so. The number should be huge, because depending on the rendering errors occurring it needs to at least be larger that the total number of DOM objects in the page. I could go more in depth here but z-index=10000 or higher should solve your problem. If it doesn't work on the first try be sure to set the containing element that is a sibling to the twitter widget to a z-index of 10000 as well.

Malcolm

[edited by: bill at 8:54 am (utc) on May 18, 2010]
[edit reason] No signatures or links to your site. See TOS. [/edit]