Site compatible avec tous sauf IE
Résolu/Fermé
etoile9430
Messages postés
435
Date d'inscription
jeudi 21 janvier 2010
Statut
Membre
Dernière intervention
23 août 2017
-
15 mars 2013 à 09:14
etoile9430 Messages postés 435 Date d'inscription jeudi 21 janvier 2010 Statut Membre Dernière intervention 23 août 2017 - 15 mars 2013 à 15:28
etoile9430 Messages postés 435 Date d'inscription jeudi 21 janvier 2010 Statut Membre Dernière intervention 23 août 2017 - 15 mars 2013 à 15:28
A voir également:
- Site compatible avec tous sauf IE
- Site de telechargement - Accueil - Outils
- Installer windows 11 sur pc non compatible - Accueil - Windows
- Site comme coco - Accueil - Réseaux sociaux
- Site inaccessible - Guide
- N'est pas compatible avec cet ipad - Guide
5 réponses
Pitet
Messages postés
2826
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
21 juillet 2022
525
15 mars 2013 à 11:43
15 mars 2013 à 11:43
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
Pitet
Messages postés
2826
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
21 juillet 2022
525
Modifié par Pitet le 15/03/2013 à 09:42
Modifié par Pitet le 15/03/2013 à 09:42
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
etoile9430
Messages postés
435
Date d'inscription
jeudi 21 janvier 2010
Statut
Membre
Dernière intervention
23 août 2017
19
15 mars 2013 à 09:50
15 mars 2013 à 09:50
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;
}
Pitet
Messages postés
2826
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
21 juillet 2022
525
15 mars 2013 à 10:28
15 mars 2013 à 10:28
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
etoile9430
Messages postés
435
Date d'inscription
jeudi 21 janvier 2010
Statut
Membre
Dernière intervention
23 août 2017
19
15 mars 2013 à 10:52
15 mars 2013 à 10:52
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 */
}
15 mars 2013 à 15:28
<meta http-equiv="X-UA-Compatible" content="IE=edge" />