Aqui está o problema. Eu tenho uma imagem:
<img alt="alttext" src="filename.jpg"/>
Observe nenhuma altura ou largura especificada.
Em certas páginas, quero mostrar apenas uma miniatura. Não consigo alterar o html, então uso o seguinte CSS:
.blog_list div.postbody img { width:75px; }
O que (na maioria dos navegadores) torna uma página de miniaturas uniformemente largas, todas com proporções de aspecto preservadas.
No entanto, no IE6, a imagem é dimensionada apenas na dimensão especificada no CSS. Ele mantém a altura 'natural'.
Aqui está um exemplo de um par de páginas que ilustra o problema:
- A lista, que deve mostrar miniaturas
- Uma única postagem no blog, que mostra a imagem em tamanho real.
Ficaria muito grato por todas as sugestões, mas gostaria de salientar que (devido às limitações da plataforma escolhida pelos clientes) procuro algo que não implique modificar o html. CSS também seria preferível a javascript.
EDITAR: Deve mencionar que as imagens são de tamanhos e proporções diferentes.