Aren't you bothered by the slower CSS hover on IE? 4

[Sleidia]

On FF, the basic hover state (no img/bg) is instantaneous but on IE, I always notice a 1/4 second delay.

My guess is that the hover on IE is more resource dependant than on FF because it can slow down even more when JS scripts are run, which is not the case with FF.

Well, just wanted to vent ...

 

[feherke]

Hi

Maybe you are using a CSS rollover, doubles with JavaScript code for Explorer. So in Mozillas, Opera, Safari and others the effect is applied by the browser's own code, while in Explorer a script is interpreted and executed for that.

Maybe you could keep some references to the related elements in global variables, for faster access...

Feherke.

http://rootshell.be/~feherke/

 

[1DMF]

Well I have CSS:hover pseudo classes and IE7 displays them fine.

Are you specifically talking IE6 and onmouseover event NOT CSS pseudo class?



"In complete darkness we are all the same, only our knowledge and wisdom separates us, don't let your eyes deceive you."

"If a shortcut was meant to be easy, it wouldn't be a shortcut, it would be the way!

 

[Sleidia]

I'm talking about basic css hover (a:hover) with no Javascript involved.

Well, looks like I'm the only one who noticed a speed difference betwen IE and FF

Sorry feherke but I didn't get what you wrote

 

[ca8msm]

There's no delay on any of my computers here between IE7 and FF. Maybe it is your computer that is the problem.


____________________________________________________________
Mark,
[URL unfurl="true"]http://aspnetlibrary.com[/url]

Need help finding an answer? Try the Search Facility or read FAQ222-2244.

 

[feherke]

Hi

Sleidia, there I tried to say "something like Eric Meyer's pure CSS menus".

Feherke.

http://rootshell.be/~feherke/

 

[Foamcow]

What are you cache settings for IE?

It sounds like it might be reloading the hover image each time rather then pulling it from the cache.

I have seen what you are referring to, but not for a while. It is most certainly down to the code involved.

<honk>*:O)</honk>

Tyres: Mine's a pint of the black stuff.
Mike: You can't drink a pint of Bovril.

 

[Sleidia]

Here is an example of code that is slower on IE :

    #navigation-curnav {
    
    position: relative;
    margin-top: 240px;
    margin-left: 222px;

    }
    
        #navigation-curnav a {
        width: 171px;
        -moz-box-sizing: border-box;
        display: block;
        color: #DBC9A8;
        font-weight: bold;
        text-decoration: none;             
        border-top: 1px solid #DBC9A8;
        padding-top: 8px;
        padding-bottom: 8px;
    
        } 

          	#navigation-curnav a:hover {
          
          	color: #5D4133;
          	border-top: 1px solid #5D4133;
                  
          	} 
   
       
      #navigation-curnav a.ispage {

      color: #5D4133;
      border-top: 1px solid #5D4133;
  
      }  

...

    <div id="navigation-curnav">

    <a href="url"
    >link</a>
    
    <a href="url"
    >link</a>
    
    <a href="url"
     class="ispage">link</a>
    
    <a href="url"
    >link</a>

    </div>

Since my computer is quite old (year 2000 but with last updates installed) I first thought it was a CPU issue but then, it would be the same on FF, no?

 

[Sleidia]

Yeah there must be something else in the HTML because this bit of code alone in IE6 isn't slower than FF

 

[feherke]

Hi

Sleidia, probably FoamCow talked about server-side code, because the caching can be influenced with HTTP headers.

You can see the HTTP headers with tools :
[ul]
[li]FireFox : Live HTTP Headers[/li]
[li]Explorer : ieHTTPHeaders[/li]
[/ul]

Feherke.

http://rootshell.be/~feherke/

 

[Sleidia]

Yeah but he mentioned hovers with image which isn't my case.

 

[feherke]

Hi

Oops. I think we missed that "(no img/bg)" part.

Feherke.

http://rootshell.be/~feherke/

 

[ChrisHunt]

Here is an example of code that is slower on IE

That's a lot of code, and there's (presumably) a lot more code that you didn't post which may contain a cause for the problem you're experiencing.

If you want to prove/disprove your theory that IE has this delay in hover behaviour (I can't say I've noticed one myself, but I rarely use IE anyway), you need to produce a test environment that doesn't include anything else that might interfere with your results, something like this:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "[URL unfurl="true"]http://www.w3.org/TR/html4/strict.dtd">[/URL]
<html>
<head>
<title>Hover Test</title>
<style type="text/css">
a:hover {color: red}
</style>
</head>
<body>
<a href="#">How's This?</a>
</body>
</html>

If that page exhibits the 1/4 second delay, you've proved your point (though you should try it on some different PCs to be sure it's not something about your particular IE set-up). If (as I suspect) it doesn't, your problem lies elsewhere. You'd have to add in the other features of your page one-by-one until you find which one causes the fault.


-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd