émuler max-width pour IE

émuler max-width pour IE - HTML/CSS - Programmation

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 :
 

Code :
  1. .contenu img { width: expression(Math.min(this.width, 400) + "px" ); }


ou encore

Code :
  1. .contenu img{
  2. width:expression(document.body.clientWidth > 400 ? "400px" : "auto" );
  3. }


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 ?
 [:mad_oc@school]  
 
Ca n'est probablement pas compliqué, mais moi le JS tout seul je ne maîtrise pas beaucoup, alors collé dans un fichier CSS...  :sweat:


---------------
London Box Office: Comédie Musicale Londres
Reply

Marsh Posté le 02-08-2005 à 01:47:39   

Reply

Marsh Posté le 02-08-2005 à 11:13:55    

Personne ne sait faire ?


---------------
London Box Office: Comédie Musicale Londres
Reply

Marsh Posté le 02-08-2005 à 11:22:34    

je savais même pas qu'on pouvait mettre du javascript dans un css, moi...

Reply

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 [:effisk]  
 
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 !  :fou:  


---------------
London Box Office: Comédie Musicale Londres
Reply

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 :D
 
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.


Message édité par shurik'n le 02-08-2005 à 11:56:15
Reply

Marsh Posté le 02-08-2005 à 12:03:40    

effisk a écrit :

bah si, c'est tellement plus mieux [:effisk]


Euh bof quoi, c'est proprio MSIE ce comportement :o
 
Pratique pour les hacks par contre :o


---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box by throwing away the limits imposed by overbearing genetic regulations? Isn't that a good thing?
Reply

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 :)

Reply

Marsh Posté le 02-08-2005 à 12:19:38    

http://dean.edwards.name/IE7/ :o


---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box by throwing away the limits imposed by overbearing genetic regulations? Isn't that a good thing?
Reply

Marsh Posté le 02-08-2005 à 12:20:47    

masklinn a écrit :

Euh bof quoi, c'est proprio MSIE ce comportement :o
 
Pratique pour les hacks par contre :o

c'est queske je voulais dire  [:effisk]  
 
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é.


---------------
London Box Office: Comédie Musicale Londres
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed