Chrome está estirando la altura de mi imagen de ancho máximo

Question

Tengo problemas para establecer el ancho máximo de mis imágenes en un CMS que estoy usando. En Chrome (no probado en otros navegadores todavía), el establecimiento de un ancho máximo se extiende a la altura de la imagen inserto - ver aquí: http://www.literarykitchen.co.uk/events/testspace/

Este es el código que estoy usando:

#content .pagebanner img { max-width:490px; } 

¿Hay ¿Alguna razón por la que se extiende de esa manera? Pensé que maxwidth significaba que las imágenes escalaban en proporción.

Gracias

Osu

Answer 1

que tenía el mismo problema, Mi galería de imágenes era dinámico y todas las imágenes eran diferentes tamaños subidas por el usuario. Así que tuve que asegurarme de que esto funcionara. Lo que me solucionó fue configurar max-width:, max-height:, height: y width: de lo contrario, no funcionó.

Ejemplo:

#image-container-div img { 
    max-width: 490px; 
    max-height: 490px; 
    height: auto; 
    width: auto; 
}