Voici le problème. J'ai une image:
<img alt="alttext" src="filename.jpg"/>
Notez qu'aucune hauteur ou largeur n'est spécifiée.
Sur certaines pages, je souhaite afficher uniquement une vignette. Je ne peux pas modifier le html, j'utilise donc le CSS suivant:
.blog_list div.postbody img { width:75px; }
Ce qui (dans la plupart des navigateurs) crée une page de vignettes uniformément larges, toutes avec des proportions préservées.
Dans IE6 cependant, l'image n'est mise à l'échelle que dans la dimension spécifiée dans le CSS. Il conserve la hauteur «naturelle».
Voici un exemple de paire de pages illustrant le problème:
- La liste, qui devrait afficher des miniatures
- Un seul article de blog, qui montre l'image en taille réelle.
Je serais très reconnaissant pour toutes les suggestions, mais je tiens à souligner que (en raison des limitations de la plate-forme choisie par les clients) je recherche quelque chose qui n'implique pas de modifier le html. CSS serait également préférable à javascript.
EDIT: Doit mentionner que les images sont de tailles et de rapports d'aspect différents.