[résolu] Gestion de max-width dans MSIE 7 et FireFox 2

Bonjour,
Ayant besoin de restreindre dynamiquement la largeur d'une image trop grande qui s'affiche dans un bloc. Par exemple, pour la réduire à 200 px, j'utilise cette déclaration:

.monbloc img {max-width:200px;}

Dans MSIE 7 ça marche très bien: l'image trop grande est réduite à 200 px en largeur et sa hauteur est diminuée proportionnellement . Dans FireFox 2 en revanche, seule la largeur de l'image est réduite à 200 px; elle conserve sa hauteur d'origine et est donc déformée.
Quelqu'un a une solution?
Merci.
Modifié par jojojr (30 Nov 2006 - 23:26)

Tiens c'est curieux, je n'avais jamais remarqué ça pour firefox.

essayes

height:auto;

à tout hasard.

.monbloc img {
  max-width:200px;
  height:auto;
}

Ca marche! Merci...

Ben tant mieux,

je reste surpris quand même, dans les versions 1.... de firefox cette précision n'était pas nécessaire.

Il pourrait être utile de vérifier un point. Pour une image de largeur supérieur à 200px, est ce que :

img {
width:200px;
}

pose le même problème d'adaptation du height ?

Tu veux bien vérifier cela ?

Sinon, attention quand même, tout cela dysfonctionne complètement avec des version relativement anciennes d'IE (de mémoire IE6 c'est bon, hors le max-width évidemment, je ne parle que de l'adaptation automatique du height).
Modifié par clb56 (01 Dec 2006 - 00:28)