Adapter la largeur d'une image à la taille du contenant

Boujour,

Je souhaite afficher des images téléchargées via un formulaire dans un bloc (div ou autre). Je ne connais pas la taille de l'image et j'aimerai que celle-ci soit redimentionnée a l'affichage si sa largeur dépasse celle du bloc contenant. Pour l'instant je le fait grace à display:block; et max-width:600px; mais ca ne fonctionne pas sur IE.

merci.

Salut,

Si tu connais la taille de ton bloc contenant, tu peux calculer les nouvelles dimensions de l'image lors de la création de la page grâce à un langage serveur. Cela donne par exemple :

Si (hauteur_de_l'image > 600) Alors
  nouvelle_hauteur = calculer_hauteur(image)
Sinon
  nouvelle_hauteur = hauteur_de_l'image

/** Pareil pour la largeur */

<img src="mon_image.xxx" width="nouvelle_largeur" height="nouvelle_hauteur" />

Une autre solution consiste à faire se traitement un fois la page affichée grâce au javascript.

J'éspère que cela .
Modifié par ymhotepa (20 Apr 2006 - 01:03)