Site compatible avec tous sauf IE
Résolu
etoile9430
Messages postés
435
Date d'inscription
Statut
Membre
Dernière intervention
-
etoile9430 Messages postés 435 Date d'inscription Statut Membre Dernière intervention -
etoile9430 Messages postés 435 Date d'inscription Statut Membre Dernière intervention -
A voir également:
- Site compatible avec tous sauf IE
- Site comme coco - Accueil - Réseaux sociaux
- Site de telechargement - Accueil - Outils
- Quel site remplace coco - Accueil - Réseaux sociaux
- Site x - Guide
- Site pour vendre des objets d'occasion - Guide
5 réponses
Ah les caprices de IE ;)
Le problème semble venir du mode de compatibilité.
Sur mon poste, malgré l'ajout du doctype html5, le mode de document passe aux normes IE7 quand je l'ouvre avec IE9. Par contre en local le mode de document est bien aux normes IE9. J'avoue ne pas bien comprendre pourquoi.
(Appui sur F12 sur IE pour voir le Mode de navigation et le Mode de document).
Néanmoins on peut empêcher IE d'utiliser un mode de compatibilité en ajoutant un méta-tag comme ceci :
La propriété border-radius est alors bien prise en compte.
Plus d'info sur cette astuce :
https://www.alsacreations.com/astuce/lire/1437-comment-interdire-le-mode-de-compatibilite-sur-ie.html
Le problème semble venir du mode de compatibilité.
Sur mon poste, malgré l'ajout du doctype html5, le mode de document passe aux normes IE7 quand je l'ouvre avec IE9. Par contre en local le mode de document est bien aux normes IE9. J'avoue ne pas bien comprendre pourquoi.
(Appui sur F12 sur IE pour voir le Mode de navigation et le Mode de document).
Néanmoins on peut empêcher IE d'utiliser un mode de compatibilité en ajoutant un méta-tag comme ceci :
<html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>ma page</title> [...]
La propriété border-radius est alors bien prise en compte.
Plus d'info sur cette astuce :
https://www.alsacreations.com/astuce/lire/1437-comment-interdire-le-mode-de-compatibilite-sur-ie.html
Salut,
Pour afficher un style différent pour IE, tu peux suivre ce lien qui t'explique comment faire :
https://www.alsacreations.com/astuce/lire/48-commentaires-conditionnels.html
Bonne journée
Pour afficher un style différent pour IE, tu peux suivre ce lien qui t'explique comment faire :
https://www.alsacreations.com/astuce/lire/48-commentaires-conditionnels.html
Bonne journée
mon problème viens de "border-radius:" qui ne s'affiche pas sur IE9 et inférieure
est-ce que tu peut me dire que faire voila ma partie css
est-ce que tu peut me dire que faire voila ma partie css
cadre{
background-color:rgb(0,119,187);
font-size: 115%;
width: 170px;
margin: 5px;
padding: 10px 5px 10px 5px;
border-radius:0px 10px 0px 10px;
float: left;
}
Normalement la propriété css border-radius est supporté sur IE à partir de la version 9 et plus.
Ouvre cette page avec IE9 :
http://www.w3schools.com/css3/tryit.asp?filename=trycss3_border-radius
Si tu vois sur la droite un bloc arrondi, c'est que le problème vient de ta page.
Si tu ne vois pas le bloc arrondi, le problème peut venir de ton navigateur (mode de compatibilité peut être?).
Ouvre cette page avec IE9 :
http://www.w3schools.com/css3/tryit.asp?filename=trycss3_border-radius
Si tu vois sur la droite un bloc arrondi, c'est que le problème vient de ta page.
Si tu ne vois pas le bloc arrondi, le problème peut venir de ton navigateur (mode de compatibilité peut être?).
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
oui je vois le bloc arrondi sur le site que tu m'a donné seulement j'ai copié le code dans ma page css et là ça marche pas sur mon site voila mon code:
et mon css
<footer>
<div class="footer">
<table>
<tr>
<td width="300px">
<address>
xxxxx<br/>
xxxxxxxxxxxxxx?<br/>
00000<br/>
00 00 00 00 00 00
</address>
</td>
</tr>
</table>
</div>
</footer>
et mon css
.footer
{
background-color:#0077BB;
font-size: 100%;
padding: 10px 10px 10px 10px;
position: relative;
clear: both;
border:2px solid #0077BB;
border-radius:25px 0 10px 0;
-moz-border-radius:10px 0 0 0; /* Old Firefox */
}
<meta http-equiv="X-UA-Compatible" content="IE=edge" />