Firefox CSS Issue

  • twalters84
  • Graduate
  • Graduate
  • No Avatar
  • Joined: Sep 27, 2007
  • Posts: 161
  • Loc: Mount Savage, MD
  • Status: Offline

Post September 1st, 2009, 6:39 am

Greetings,

I have an issue on my website where a tooltip is hovering behind a flash file. At first, I thought setting the wmode to opaque or transparent would fix the issue.

I created a test page with just the basic elements on the webpage. I found that the following segment of CSS code is causing the problem:

Code: [ Select ]
#col-r
{
    position: relative;
}
  1. #col-r
  2. {
  3.     position: relative;
  4. }


I tried setting z-index values on both the left and right columns - but had no luck.

I also noticed this issue only appears in Firefox. The tooltip hovers in front of the map in IE.

Does anybody know how to fix this issue? Any suggestions would be greatly appreciated.

Sincerely,
Travis Walters
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post September 1st, 2009, 6:39 am

  • twalters84
  • Graduate
  • Graduate
  • No Avatar
  • Joined: Sep 27, 2007
  • Posts: 161
  • Loc: Mount Savage, MD
  • Status: Offline

Post September 1st, 2009, 8:23 am

This problem has been resolved.

It seems setting the z-index on the tooltip too high causes problems with firefox. I actually decreased the z-index and it worked perfectly.

Hope this helps other people that are having this problem.

Sincerely,
Travis Walters

Post Information

  • Total Posts in this topic: 2 posts
  • Users browsing this forum: No registered users and 225 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.