Antivirus offre spéciale - jusqu'à 60 % de réduction avec openElement !
Accueil Forum Accueil Forum >

openElement

> OE dynamique - bases de données etc.
  Nouveaux messages Nouveaux messages Fil RSS  - IE9 < et image "écrasée"
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

IE9 < et image "écrasée"

 Répondre Répondre
Auteur
Message
nico38 allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: 18 Jan 2014
Status: Inactif
Points: 3972
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer nico38 Citer  RépondreRéponse Lien Direct à ce Post Sujet: IE9 < et image "écrasée"
    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"
Haut de la page
Dmit OE allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 31 Mai 2012
Status: Inactif
Points: 13998
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Dmit OE Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 26 Juin 2015 à 14:10
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).
Haut de la page
nico38 allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: 18 Jan 2014
Status: Inactif
Points: 3972
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer nico38 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 26 Juin 2015 à 15:10
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"
Haut de la page
Dmit OE allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 31 Mai 2012
Status: Inactif
Points: 13998
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Dmit OE Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 26 Juin 2015 à 15:28
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');

});
Haut de la page
nico38 allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: 18 Jan 2014
Status: Inactif
Points: 3972
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer nico38 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 27 Juin 2015 à 22:36
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"
Haut de la page
 Répondre Répondre
  Partagez ce sujet   

Aller au Forum Permissions du forum allez vers le bas

Forum Software by Web Wiz Forums® version 10.18
Copyright ©2001-2014 Web Wiz Ltd.

Cette page a été affichée en 0,031 secondes.
Acheter votre vélo en ligne