Me quedé colgado con este tema. Es cierto que
IE 6 no entiende
max-width o similares en muchos casos, y hay que terminar usando escripts. Pero el asunto de las deformaciones de imágenes era en los fondos; y aquí no parecen estar hablando de
background.
Lástima que no tengo una versión '6' para probar, pero ahora estoy frente a una '7', que por lo que leo tendría el mismo problema ... y no, no lo tiene. Ni
Opera, ni
Firefox tampoco.
En este ejemplo, cuando le doy un ancho, allí se queda. Y la altura siempre es proporcional. De hecho, ni siquiera es necesario un
max-width, con un
width menor al del contenedor es suficiente. Aunque sí entiendo que si no sabemos las medidas de la imagen que nos envían, lo mejor es que queden con su tamaño original; y si se pasan, las achicamos.
Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<body>
<div style="border:2px solid red; height:300px; width:300px; overflow:hidden; / * auto */">
<img src="http://img515.imageshack.us/img515/2271/tutaenfermeratl6.jpg"
style="max-width: 300px; -ms-interpolation-mode: bicubic; ">
</div>
</body>
</html>
Lo único que se me ocurre es que si la altura se mantiene cuando cambiamos el ancho, será porque la imagen tiene puesta esa altura en algún lado.
Vamos desde el principio. Las imágenes no son tuyas,
sebak2003 , si dices "
ajustar automaticamente las imagenes que se suben desde un url" es porque las suben quienes ven tu sitio y seguramente están alojadas en algún servidor.
Sé que empiezo prejuzgando, pero en mis últimas visitas al Foro estoy notando una gran cantidad de "desarrolladores" que en vez de desarrollar, copian y pegan código prefabricado. Lo que no estaría mal, si fuera para ahorrar tiempo y esfuerzo; pero es terrible si no entienden lo que están haciendo. Porque después no anda y venimos todos a llorar al Foro por algo que ni deberíamos haber usado.
Ahora bien, los lenguajes de server pueden leer propiedades de las imágenes que guardan, y cuando 'escriben' código para páginas web suelen incluírlas. De esta forma, una etiqueta
img puede terminar como
Código:
<img width=120 height=230 src=imagen.jpg>
<img style="width: 120px; height: 230px;" src="imagen.jpg">
o alguna combinación en la que solamente use una medida, porque sabemos que la otra se va a ajustar siempre poroporcionalmente. Esto es fácil de confirmar viendo el código fuente de la página.
Ahora no recuerdo si las hojas de estilo 'pisan' los atributos HTML porque hace mucho que no los uso si no son estrictamente necesarios, pero creo recordar que en
IE lo hacían. En cambio estoy seguro de que no 'pisan' las propiedades CSS
in line que metemos en las etiquetas.
De cualquier forma —y si adiviné cuál es el problema— la solución está en el lado servidor. Hay que reescribir ese código y no las hojas de estilo.
Equivalente a max-width en ie texto que sobrepasa div como hacer un fondo ajustable?
Y una curiosidad relacionada
http://foros.cristalab.com/max-heigh....-como-t55829/