Compatibility IE 9

Hello,

I have problem with IE9 on this template.
Background colour of the buttons (active menu - read more - ...) become blank after loading page.
The colour is good for one second end then reset to blank and disappear.

Have you a solution for that.

All is OK with Chrome.

TY for your reply.

Hi,

can you give us link?

Sure...
But it's in construction...

kime.be-sales.be

Thank you for reply )

put this in index.php of template just before </head>

<!--[if gt IE 8]>
<style type="text/css">

#nav li:hover {
background: #903;
behavior:none;
background: #903;
}

</style>
<![endif]-->

It don't work...

I modify the CSS file too and it don't work.

With the IE9 debugger, I see that there is a problem with the file "PIE.PHP".

Here are the messages that IE9 debugger give :

SCRIPT5007: Impossible d’obtenir la valeur de la propriété « add » : objet null ou non défini
PIE.php, Ligne 19 Caractère 201
SCRIPT438: L’objet ne gère pas la propriété ou la méthode « createElement »
PIE.php, Ligne 19 Caractère 261
SCRIPT438: L’objet ne gère pas la propriété ou la méthode « createElement »
PIE.php, Ligne 19 Caractère 261

When I force IE9 to run on IE8 mode, all is OK !

Is there a method to force loading in IE8 mode when user is on IE9 ?

Yes in did, that is the problem. IE 9 works like other normal browsers and PIE is for older IE's.

try this:

open template_css.css and find this:
#nav > li {

float:left;

position:relative;

margin:0 10px 0 0;

-moz-border-radius:5px;

-webkit-border-radius:5px;

border-radius: 5px;

behavior: url(templates/hot_leafs/css/PIE.php);

}



#nav li:hover {

-moz-border-radius:5px 5px 0 0;

-webkit-border-radius:5px 5px 0 0;

border-radius: 5px 5px 0 0;

behavior: url(templates/hot_leafs/css/PIE.php);

position:relative;

}

remove behavior property from this entities.

Then in same place like in you last answer add this instead of that code that did not work:


<!--[if lt IE 9]>
<style type="text/css">
#nav > li {
behavior: url(templates/hot_leafs/css/PIE.php);
}

#nav li:hover {
behavior: url(templates/hot_leafs/css/PIE.php);
}
</style>
<![endif]-->


the idea is to remove PIE from default style , and put it in conditional block .