Imagen dentro de div

[drakon007]

Hola gente, estoy qeriendo crear una web y tengo una duda, en un div de, por ejemplo, 600px yo quiero poner una imagen de mayor ancho, ejemplo, 1024 y quiero que la imagen se ajuste al ancho del div, alguna solucion?

[Anarninquë]

Eso no es posible (hasta dónde se), lo que puedes hacer es:

- Asignarle width:600px; a la imágen
- Asignarle overflow:hidden; a la capa para que muestre "lo que se vea en esos 600px" de la imágen...

Sino la imagen hará que el div se estire...


Saludos

[Triby]

Código css:

img.escala {
    width:600px;
}
 

Código html:

<div><img class="escala" src="imagen.ext" alt="Descripcion" /></div>
 

La altura de la imagen sera automatica y se mantendra la relacion de aspecto.

[dacho]

Ademas no te recomiendo achicar la imagen con html para que se ajuste porque queda con muy baja calidad y mucho mas pesado. Lo correcto es que la imagen se ajuste al div.

Si el div es de 600px quiere decir que la imagen mas grande no cabe en el diseño. Es decir ¿para que le darias un ancho fijo a un div si luego colocas una imagen que rompe ese tamaño?

Desde mi punto de vista no tiene mucha logica. Por ahi lo que podes ahcer es no ponerle ancho entocnes el div se ajusta a la imagen.

Saludos

[drakon007]

Iniciado por Triby

Código css:

img.escala {
    width:600px;
}
 

Código html:

<div><img class="escala" src="imagen.ext" alt="Descripcion" /></div>
 

La altura de la imagen sera automatica y se mantendra la relacion de aspecto.

Me sirvio, mucha gracias por la buena onda