SitePoint Sponsor

User Tag List

Results 1 to 8 of 8
  1. #1
    SitePoint Enthusiast
    Join Date
    Sep 2003
    Location
    the Netherlands
    Posts
    74
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Mozilla flicker!

    Please take a look at http://www.writers-summit.com/submissions.php?do=entry in Mozilla and notice how there is an awful lot of flicker (the textarea seems to move around all the time) when you hover over various site elements.

    IE does it correctly - for once

    Anyone know what is causing it?

    PS. I know the HTML isn't valid (<link> and <style> within the body), vBulletin 3 does that, and changing it will be hard...
    Danny Bessems - Online-Roleplaying.commodities

    So You've Won The Argument; That Doesn't Mean You're Right!

  2. #2
    Caveat surfer Buddy Bradley's Avatar
    Join Date
    May 2003
    Location
    Cambridge, UK
    Posts
    2,366
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Someone was talking about irradicating flicker onmouseover totally on a blog recently, but I'm having trouble remembering who it was... it might have been Dave Shea.

  3. #3
    SitePoint Enthusiast
    Join Date
    Sep 2003
    Location
    the Netherlands
    Posts
    74
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yeah, but that was about background images afaik
    Danny Bessems - Online-Roleplaying.commodities

    So You've Won The Argument; That Doesn't Mean You're Right!

  4. #4
    Caveat surfer Buddy Bradley's Avatar
    Join Date
    May 2003
    Location
    Cambridge, UK
    Posts
    2,366
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Oh, sorry - I'm on IE6 here, so can't really test this, but if you're saying that page elements move about onmouseover, that sounds to me like you've got your width, padding or margins set differently for a :hover state somewhere.

  5. #5
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,556
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    I think this will cure the problem but I don't know the cause of the problem (if that makes sense).

    If you set your message box area to position absolute the flicker stops in mozilla. So you could postion the element absolutely and then set a margin top on the following element to clear it.

    Because ie is ok you can just use the child selctor to hide from ie.

    Code:
    #vBulletin_editor
    {
     border: 2px groove;
    }
    html>body #vBulletin_editor {position:absolute;margin-top:5px;}
    html>body .clearmessage {margin-top:365px}
    
    Code:
    		<!-- / end message area -->
    	  </div>
    	</div>
    	<div class="block clearmessage"> 
    	  <h2 class="alt2">options</h2>
    Have a play around with it (you may find a neater solution).

    Paul

  6. #6
    1-800-JMULDER JMulder's Avatar
    Join Date
    May 2001
    Location
    The Netherlands
    Posts
    1,745
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Mozilla seems to find a need to reposition the floated elements, which caused the flickering. Why this happends, I have no idea.

    I can only give you a quick (and maybe not-so-clean) solution to stop it from doing, but it does take away the functionality of having your content and navigation floated next to eachother.

    Code:
    #content {
    	/*float: left;*/ /* Removed by JMulder */
    	left: 305px; /* Added by JMulder */
    	position: absolute; /* Added by JMulder */
    	margin-top: 10px;
    	width: 60%;
    	background: #FFFFFF;
    	color: inherit;
    }
    Tested in Mozilla Firefox and the flickering seems to have stopped. I also did a quick check in MSIE5.01 SP2 (Win) / MSIE6 and couldn't find any broken elements, so I hope this solution is good enough.

    EDIT: Heh, I should learn how to write faster. Perhaps Paul's solution is better?
    Jeroen Mulder

    w: www.jeroenmulder.com

  7. #7
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,556
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by Jereon
    EDIT: Heh, I should learn how to write faster. Perhaps Paul's solution is better?
    I think we both noticed the same problem with similar solutions

  8. #8
    SitePoint Enthusiast
    Join Date
    Sep 2003
    Location
    the Netherlands
    Posts
    74
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for the help! I'm sure I can now try to further pinpoint the cause...
    Danny Bessems - Online-Roleplaying.commodities

    So You've Won The Argument; That Doesn't Mean You're Right!


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
  •