Rendre compatible IE un site

Résolu/Fermé
Mix-Dance - 5 juil. 2011 à 14:51
 Mix-Dance - 6 juil. 2011 à 15:42
Bonjour,

Pour commencer, excusez-moi d'utiliser un mot bannis("IE", ha! beurk!), mais malheureusement, beaucoup d'internaute utilisent ce navigateur(les pauvres...), ils représentent 50% de mon trafic, je me doit donc de rendre mon site(http://mix-dance.fr) compatible... Seulement, après avoir posé ma question à google, je n'ai pas réussi à régler ce problème. Les principaux sont:
- Script (Ajax) qui ne fonctionne pas partout
- "Div" disproportionnés
- "max-width" non-pris en charge
- "border-radius" non-pris en charge(j'ai essayer PIE.htc mais il ne marche qu'une fois sur...)

Je ne comprend vraiment pas pourquoi Microsoft à pu être créé, je suis sous Ubuntu, et quand je dois retourner sur un environnement Windows, j'ai envie de vomir...

Merci par avance de votre aide :)

Antoine

4 réponses

Templier Nocturne Messages postés 7734 Date d'inscription jeudi 22 janvier 2009 Statut Membre Dernière intervention 21 mai 2016 1 101
5 juil. 2011 à 14:58
quand on fait un message de demande d'aide, on évite de se mettre la communauté microsoft à dos dés le début ;)

il te faut faire un CSS propre à IE. pour celà, il te suffit de mettre
!important
à la fin de chaque attributs non IE, puis en dessous (c'est important que ce soit en dessous de l'atribut !important) il faut mettre la CSS pour IE.

par exemple:

background-color: #0000FF; !important
background-color: #FF0000;


tous les navigateurs auront un font bleu, sauf IE, qui aura un font rouge...
2
Merci pour votre reponse trés rapide et desolé pour mon introduction anti-Microsoft, mais la je suis à bout! ;)

j'ai deja fait deux CSS different et je l'ai appelle grace à ce code:
<!--[if IE]>
<link href="/style_ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if !IE]><!-->
<link href="/style.css" rel="stylesheet" type="text/css" />
<!--><![endif]-->


Cependant le résultat reste assez médiocre.


PS: J'ai réussi à régler le problème max-width
0
avant tout, il faut poser la question : le site doit être compatible pour quelle version de IE ? 6/7/8/9 ?

Pour "border-radius" : tu peux l'oublier pour les navigateurs : IE6/7/8 c'est du CSS3...

Pour etre le plus proche de ton CSS de départ, il voudrait mieux faire un reset css pour te simplifier la vie
0
Bonjour Doctor!

Premièrement j'ai réussi à régler le problème du "border-radius" grâce à ce petit tuto: http://www.alsacreations.com/tuto/lire/891-coins-arrondis-css-sans-images.html

Deuxièmement j'ai (à peu prés) réussi a rendre mon site compatible avec IE en utilisant 2 CSS differents. C'est loin d'être parfait et en plus certains scripts comme Sound Manager 2 ne semble pas fonctionner. Le résultat est la: http://mix-dance.fr/

Vous pouvez comparer entre FF IE et Chrome, c'est normalement (pratiquement) similaire. Si justement vous avez des remarques ou des techniques pour optimiser tout ça, je suis preneur!!

Merci

Antoine
0