émuler max-width pour IE - HTML/CSS - Programmation
Marsh Posté le 02-08-2005 à 11:13:55
ReplyMarsh Posté le 02-08-2005 à 11:22:34
je savais même pas qu'on pouvait mettre du javascript dans un css, moi...
Marsh Posté le 02-08-2005 à 11:51:56
rufo a écrit : je savais même pas qu'on pouvait mettre du javascript dans un css, moi... |
bah si, c'est tellement plus mieux
Bon avec un petit coup de main de shurik'n on est arrivés à quelque chose mais ce qui est énorme c'est qu'avec les images en .png IE est pas foutu de les redimensionner et il plante. Ca c'est la vraie classe !
Marsh Posté le 02-08-2005 à 11:54:36
Pour info :
.contenu img{ width:expression(this.width > 380 ? "380px" : "auto" ); }
Semble marcher donc, sauf sur les png en effet
car le probleme la
.contenu img{width:expression(document.body.clientWidth > 400 ? "400px" : "auto" );}
etait que le teste ici n etait pas fait sur la taille de l image.
Marsh Posté le 02-08-2005 à 12:03:40
effisk a écrit : bah si, c'est tellement plus mieux |
Euh bof quoi, c'est proprio MSIE ce comportement
Pratique pour les hacks par contre
Marsh Posté le 02-08-2005 à 12:16:19
j'avais une lib Javascript nommée IE7 qui permettait d'émuler pas mal de trucs que IE ne faisait pas concernant les css2
Marsh Posté le 02-08-2005 à 12:19:38
Marsh Posté le 02-08-2005 à 12:20:47
masklinn a écrit : Euh bof quoi, c'est proprio MSIE ce comportement |
c'est queske je voulais dire
bon le plantage IE c'était à cause d'un conflit entre le fichier .css et un style appliqué directement dans la balise <img>. C'est réparé.
Marsh Posté le 02-08-2005 à 01:47:39
J'ai un beau ptit site, tout joli sous firefox, mais j'ai un souci avec IE qui ne tient pas compte de "max-width".
J'ai essayé de remplacer ça avec un fichier css spécial "IE compliant" avec :
ou encore
Ca a bien l'effet voulu, à savoir réduire les images trop larges (largeur supérieure à 400px), mais ça a l'effet secondaire d'élargir les images dont la largeur est inférieur à 400px.
Quelqu'un saurait me dire quelle est la bidouille JS pour faire en sorte que les images moins larges ne bougent pas ?
Ca n'est probablement pas compliqué, mais moi le JS tout seul je ne maîtrise pas beaucoup, alors collé dans un fichier CSS...
---------------
London Box Office: Comédie Musicale Londres