[Résolu] Comment bloquer la hauteur d'une image

Bonjour à tous,

Je réalise une galerie photo en version mobile en HTML4 et CSS2.

Pour une image (balise img) : si il est plus haute que l'écran je souhaite prenne que la hauteur de l'écran sans devoir scroller et que sa largeur soit réduite.
Alors que par défaut l'image prend toute la largeur et dépasse donc en hauteur si on tourne le mobile en format paysage.

J'ai essayé en récupérant la hauteur de la fenêtre en javascript et en l'attribuant à son conteneur, sans résultat.

Mon problème est pourtant simple mais bon je n'arrive pas a bloquer la hauteur.

Merci d'avance.
Modifié par xtremdisc (24 Sep 2012 - 14:32)

Je ne suis pas certain, mais utiliser `max-height: 100%` pourrait fonctionner; selon la taille de son parent toutefois.

Merci Vaxilart.

Ca fonctionne parfaitement, même avec height:100% sur le conteneur de l'image ça fonctionne.

Parfait, merci.
Modifié par xtremdisc (24 Sep 2012 - 14:28)

Bon en fait après plusieurs test, ça fonctionne sur les mobiles Android mais pas sur safari ni firefox.

Par contre en mettant une hauteur en pixel au conteneur ça fonctionne sur safari et firefox.
Modifié par xtremdisc (24 Sep 2012 - 14:32)