Firefox CSS Issue

  • twalters84
  • Graduate
  • Graduate
  • twalters84
  • Posts: 161
  • Loc: Mount Savage, MD

Post 3+ Months Ago

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
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • twalters84
  • Graduate
  • Graduate
  • twalters84
  • Posts: 161
  • Loc: Mount Savage, MD

Post 3+ Months Ago

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 67 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
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.