site compatible avec tous sauf IE Résolu

Question

Bonjour,
je viens de faire un site qui marche très bien sur FireFox et google chrome  mais pas sur IE 
la mise en page n'est pas la même et j'aimerai  savoir si vous pouvez m'aider a faire plusieurs pages style pour IE et pour les autres navigateur .


Configuration: Windows 7 / Firefox 18.0

Pitet · Accepted Answer

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 :

<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 · Answer

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

etoile9430 · Answer

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 	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 · Answer

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?).

etoile9430 · Answer

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:


<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 */

}

Site compatible avec tous sauf IE

5 réponses

Discussions similaires

Newsletters