SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Member
    Join Date
    Jun 2005
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Firefox Gecko Bug

    A known Firefox bug, caused by something to do with Gecko, has hit me. It causes objects to flash when they aren't supposed to. My problem can be seen at http://future-visions.co.uk/acorn/main.php. If you hover over menu items, you can see the problem but ONLY on Firefox.

    I've tried using an iframe but to no avail. With a number of other solutions, I'm left stumped. Can anyone help?

  2. #2
    SitePoint Evangelist
    Join Date
    Feb 2005
    Posts
    581
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I was a bit curious about that, too. I sure hope that there is a solution!
    I will not flame the newbies,
    I will not flame the newbies,
    I will flame the newbies...
    Table free is the way to be!

  3. #3
    Non-Member
    Join Date
    Jan 2005
    Location
    Netherlands
    Posts
    4,300
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

  4. #4
    SitePoint Zealot
    Join Date
    Jun 2005
    Posts
    124
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Interesting, never run into this problem ... ever.
    Equentity, LLC - Coming Soon

    Have a question? Ask here

  5. #5
    SitePoint Member
    Join Date
    Jun 2005
    Posts
    20
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Code:
    .main { ... position:relative; } /* origin containing block for a.p. menu */
    
    .menu { ... /* float:left;*/  position: absolute; top:0; left:0;}  /* disconnect hovered links from object to prevent gecko flicker*/
    
    .content {  ... float: right; }
    
    br.clear {clear:both;}  /* clearer needed after float to prevent IE6 from cancelling a.p. menu next to float */
    As already mentioned, you'll have to disconnect the flickering object from the navigation by absolute positioning, in this example, I've choosen to a.p. the menu.

    The problem in your layout with that solution is that IE6 let disappear a.p. elements next to floats sometimes, so you'll have to insert a solid clearer after your floating .content to fix this.

    Recent FF nightlies do not suffer from this flicker anymore.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •