pour faire plus propre j'ai fait ça du coup :

- 1 fichier css par filezilla
- ce bloc de code html :

[if IE 9]>
    <link rel="stylesheet" type="text/css" href="http://www.monsite.com/ie9.css">
<![endif]

il semblerait que c'est la présence de height:auto qui pose problème (sans height ça à l'air de marcher)

test

maintenant il faut que je vois si ne pas mettre height pose problème pour les autres navigateurs et si tinymce accepte qu'on ne mette pas de hauteur (mais normalement si on ne met rien, tinymce met la hauteur en px)


Edité par nico38 - 26 Juin 2015 à 15:12

Bonjour,
j'utilise le backoffice avec tinymce. Quand je mets une image pour qu'elle soit "responsive" elle à toujours la taille w=100% H: auto.

Sur les navigateurs tout fonctionne mais on m'a signalé que sur IE9 (et inférieur sûrement) les images sont plates comme des crêpes (il doit y avoir un problème avec height:auto, la hauteur est de genre 2 ou 3px)

exemple de code généré par tinymce:
<img src="http://www.site.com/blabla.jpg" alt="blabla" height="auto" width="100%">

Y a-t-il une solution pour que ce soit compatible avec les ancien IE ? (100%+auto sont utilisés pour que lorsque la fenêtre se réduit, l'image puisse se rétrécir en conservant son ratio)