Rendre compatible IE un site
Résolu
Mix-Dance
-
Mix-Dance -
Mix-Dance -
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
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
-
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... -
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 -
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 -
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
