28173 sujets

CSS et mise en forme, CSS3

Redimensionnement des images

Bonjour,

J'ai suivi ces informations pour redimensionner les images sous IE6

http://forum.alsacreations.com/faq/faq-81-Min-width-max-width-min-height-et-max-height-sur-Internet-Explorer.html[/url]

Mon code est 

<!--[if lt IE 7]>
<style type="text/css">
p img {

	padding: 0;
	
	height:expression(document.body.clientWidth >= 135? "135px": "auto");
	
	width:expression(document.body.clientWidth >= 180? "180px": "auto");
	border:none;}
	

	
</style>


<![endif]-->


Ce code veut bien dire que si les images sont plus plus haute que 135px elles seront redimensionées à 135px et que si elles sont plus large que 180px elles seront redimensionées à 180px.

Mon problème sous IE6 est que si les images sont plus petites que 135px x 180px elles s'agrandissent à cette grandeur.


Vous auriez une solution à me proposer?



Merci
J'ai pas testé mais ca devrait plutot être quelque chose comme ça
<!--[if lt IE 7]>
<style type="text/css">
p img {
	padding: 0;
	/* this pour l'element sur lequel tu bosses 
	et scrollHeight pour sa hauteur 
	clientWidth te donne la largeur de la page.
	*/
	height:expression(this.scrollHeight >= 135? "135px": "auto");
	/* this pour l'element sur lequel tu bosses 
	et scrollWidth pour sa largeur
	*/
	width:expression(this.scrollWidth >= 180? "180px": "auto");
	border:none;}
</style>
<! endif -->
Bonjour LynxEyes

Ce n'est surement pas la bonne solution car tout le site disparait sous IE6.

Le p img est pour insérer des images dans le site et qu'elle se redimensionne automatiquement . Dans ma css j'ai ce code qui fonctionne parfaitement sous FF et IE7 et si j'insère des smileys la grandeur des smileys reste correcte. Sous IE6 les smileys deviennent à 135px x 180px.
Il est là mon problème.
p img {

	padding: 0;
	max-height:135px;
        max-width:180px;
	border:none;
	
	}





Merci
Modifié par Fleuretta (19 Jul 2007 - 14:04)
Sujet clos
Aller à