28172 sujets

CSS et mise en forme, CSS3

Salut,

Et oui toujours avec ma galerie Smiley ohwell . J'essaie d'afficher une image dans un div et que cette image s'étire en gardant ces proportions sans dépasser ces dimensions.

J'utilise donc les propriétés css max-height et max-width:


img {
  max-height:100%;
  max-width:100%;
}


La plupart des navigateurs donnent bien le résultat souhaité mais pas IE.

Sous IE 7, seul le max-width semble être pris en compte et sous IE 8 l'image est déformée.
Voici le lien:

http://constantinorodriguez.free.fr/gallery.html

Pour voir le problème de proportion, cliquez sur un album au hasard puis cliquer sur la vue "mosaïque" en bas à gauche, enfin redimensionnez la fenêtre de votre navigateur.

Comment faire pour avoir le même résultat que sous les autres navigateurs
Salut,

Je n'ai pas vu d'image déformée sous IE8. Le comportement est à peu près identique partout. Smiley murf
As tu essayé de vider ton cache histoire d'être sur que tes dernières modifications sont les bonnes ?
Désolé pour cette réponse tardive.

En effet si on accède sous IE 8 à la galerie à partir du lien donné on observe le même problème.

Par contre si on y accède via ce lien (utilisation d'une iframe):
http://www.constantino-photo.com Entrer->Galerie->Ici

On observe l'effet précédemment cité sous I8.