28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai mis en forme un script jquery d'album photo à mon gout.

J'ai utilisé la propriété max-height et max-width à 100% pour la grande image centrale.
Le problème étant que IE ne prend pas en charge ces propriétés, et comme elle doit être de 100%, je n'arrive pas à appliquer ce que j'ai lu dans ce tutorial http://www.alsacreations.com/astuce/lire/72-min-width-max-width-min-height-et-max-height-sur-internet-explorer-6.html

Comment puis-je résoudre se problème ?

Voici l'aperçu: http://www.pix-color.be/test/example-2.html

Merci d'avance
Modifié par aubert22 (07 Jan 2011 - 11:48)
Bonjour,

Je n'ai pas IE6 (sachant que les versions supérieurs supportent ces propriétés CSS) pour voir le problème mais je ne comprends pas l'utilité de ces propriétés dans ton cas car tu souhaites apparemment des images de hauteur fixe.

Si tu veux vraiment forcer la hauteur de tes images en gardant leur proportions, tu peux utiliser :

img { height:300px; width:auto; }

Modifié par Spacedementia (04 Jan 2011 - 23:07)
Merci de ta réponse, le problème étant que les images peuvent être plus longue que large et inversement. Est-ce que cette propriété fonctionnera ?
Bonjour,

Sur le lien que tu as fourni, toutes les images sembles avoir strictement la même hauteur quand elles s'affichent. C'est uniquement leur largeur qui varie. C'est pour cela que je ne vois pas ou tu veux en venir. Maintenant tu peux très bien n'indiquer aucune valeur de hauteur et largeur, ainsi, tes images seront appelées dans leur taille d'origine (ceci va donc décaler ton interface à chaque changement de photo).
Modifié par Spacedementia (08 Jan 2011 - 13:46)