Border-radius.htc IE8

Bonsoir, après m'être renseigné sur le fichier border-radius.htc (sur alsacréation) fichier que j'ai récupéré sur:http://code.google.com/p/curved-corner/downloads/list. J'ai vu qu'il devrait être compatible avec IE8 or rien ne fonctionne sous IE 8

.iffi {
	border: 5px solid #35b70e;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(../js/border-radius.htc);
background-color: blue;
}

<div class="iffi" >rezrezr</div>

L'arborescence est ainsi: J'ai un dossier admin qui contient la page xhtml pour la div
un dossier css qui contient le fichier css et un dossier js qui contient le htc

un dossier parent contient ces 3 dossiers (il sont donc à la racine du dossier parent)

pour le rendu lorsque je retire le behavior je vois apparaitre la div de couleur bleu
mais quand le l'ajoute plus rien je vois plus la div en bleu ni les arrondis !! Cela viendrait d'ou sil vous plait ?

Bonjour

le chemin vers border-radius.htc doit être par rapport a la page est non par rapport au css.

bonjour,
dans ce cas le chemin que j'ai spécifié est le bon !! Mais sous IE8 je ne vois pas la div en bleu je la vois transparente

j'ai trouvé d'où vient le problème mais n'arrive pas à trouver la solution help please !!
voilà l'imbrication

<div id="wrapper-content">
<div id="wrapper-menu-page">
	<div id="menu-page">
</div><!--menu-page-->
</div>
<div id="content">
<div class="iffi" >rezrezr</div>
</div>
</div>

le css qui me pose problème est la ligne :

#wrapper-content {
	background: white url('../img/bg02-white-left.png') no-repeat left top;
}

Si j'enleve cette ligne tout va bien avec IE8 mais si elle est présente plus rien !!! comment faire ?

Hello,

Si cela fonctionne sous IE7, essaye de passer IE8 en mode de compatibilité IE7 :

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >

Ou alors tente d'autres techniques telles que :
- CSS3PIE : www.css3pie.com
- les autres techniques évoquées ici : http://css3pie.com/documentation/product-comparison/

Bonne chance

Hello,

Si cela fonctionne sous IE7, essaye de passer IE8 en mode de compatibilité IE7 :

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >

Ou alors tente d'autres techniques telles que :
- CSS3PIE : www.css3pie.com
- les autres techniques évoquées ici : http://css3pie.com/documentation/product-comparison/

Bonne chance

merci mais toujours rien avec le mode de compatibilité !!! merci aussi pour ton lien

Bonjour,

pourrez vous mettre une demo en ligne pour qu'on puisse t'aider ?

Bonjour

Merci Raphaël, cela fonctionne maintenant sur IE8 en suivant l'indication proposée :

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >

Serge

...par contre la page n'est plus valide !

... et avec

/

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

Get your own ie8 valid !

C'est bon pour toi digdev ? [Résolu] ?
Modifié par Serge (01 Aug 2010 - 06:57)

j'ai eu à peu près le même problème, et PIE n'a pas mieux fonctionné. Par contre, PIE explique pourquoi ça ne marche pas (un bonne vielle histoire de z-index), et explique comment s'en sortir. Pour moi, il a suffit de donner un z-index à l'élément parent.
http://css3pie.com/documentation/known-issues/

hth

dlgdev a écrit :
j'ai trouvé d'où vient le problème mais n'arrive pas à trouver la solution help please !!
voilà l'imbrication

<div id="wrapper-content">
<div id="wrapper-menu-page">
	<div id="menu-page">
</div><!--menu-page-->
</div>
<div id="content">
<div class="iffi" >rezrezr</div>
</div>
</div>

le css qui me pose problème est la ligne :

#wrapper-content {
	background: white url('../img/bg02-white-left.png') no-repeat left top;
}

Si j'enleve cette ligne tout va bien avec IE8 mais si elle est présente plus rien !!! comment faire ?

Si il y a encore des gens qui galère avec ce soucis, essayez en décomposant les différentes propriétés de background, soit pour l'exemple du dessus:

#wrapper-content { 
 background-color: white;
 background-image: url('../img/bg02-white-left.png');
 background-repeat: no-repeat;
 background-position:  left top;
}

J'avais eu ce soucis et IE8 ne semble comprendre que de cette façon..