IE9 < et image "écrasée" |
Répondre |
Auteur |
Sujet Recherche Options des sujets
|
nico38
Senior Member Depuis le: 18 Jan 2014 Status: Inactif Points: 3967 |
Options des messages
Thanks(0)
Envoyé : 26 Juin 2015 à 13:45 |
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) |
|
Un lien vers ton site tu enverras | Problème d'affichage ? ---> CTRL+F5 | Couleur des liens --> "Styles des liens"
|
|
Dmit OE
Admin Group Depuis le: 31 Mai 2012 Status: Inactif Points: 13971 |
Options des messages
Thanks(0)
|
Bonjour.
Essayez de mettre sur une page OE un Bloc de Code Visuel avec le code <img src="http://www.site.com/blabla.jpg" alt="blabla" height="auto" width="100%"> puis un autre sans l'attribut height <img src="http://www.site.com/blabla.jpg" alt="blabla" width="100%"> et tester dans IE9 (il y a des sites d'affichage de previsu dans des navigateurs differents).
|
|
nico38
Senior Member Depuis le: 18 Jan 2014 Status: Inactif Points: 3967 |
Options des messages
Thanks(0)
|
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 |
|
Un lien vers ton site tu enverras | Problème d'affichage ? ---> CTRL+F5 | Couleur des liens --> "Styles des liens"
|
|
Dmit OE
Admin Group Depuis le: 31 Mai 2012 Status: Inactif Points: 13971 |
Options des messages
Thanks(0)
|
Height est "auto" par defaut, en theorie si on ne le met pas c'est considere comme auto. A voir. Si ca marche, vous pouvez enlever tous les height="auto" par jQuery:
$(function(){ $("img[height='auto']").removeAttr('height'); });
|
|
nico38
Senior Member Depuis le: 18 Jan 2014 Status: Inactif Points: 3967 |
Options des messages
Thanks(0)
|
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] |
|
Un lien vers ton site tu enverras | Problème d'affichage ? ---> CTRL+F5 | Couleur des liens --> "Styles des liens"
|
|
Répondre | |
Tweet
|
Aller au Forum | Permissions du forum Vous ne pouvez pas écrire un nouveau Sujet Vous ne pouvez pas répondre aux Sujets Vous ne pouvez pas effacer vos messages Vous ne pouvez pas éditer vos messages Vous ne pouvez pas créer des sondages Vous ne pouvez pas voter dans les sondages |