Cómo hacer que las imágenes dentro de un DIV se ajusten al tamaño del contenedor

foroblogger · 26 Ene 2013

Quiero meter unas imagenes en un DIV y que si cambia la resolución y el DIV crece o se hace mas pequeño las imagenes se hagan grandes o pequeñas en relación ya que al fondo de ese div le he puesto una imagen que sigue el dibujo con esas imagenes y sino se me descuadra todo.

¿Alguien me dice como?

rotherus · 26 Ene 2013

porcentajes? o max-width supongo

foroblogger · 26 Ene 2013

Lo estoy intentando con porcentajes, pero se me deforma la imagen, el alto esta claro que es con el 100% pero el ancho quisiera que fuera proporcional, si le pongo un porcentaje se me deforma

Poka · 26 Ene 2013

Ponle porcentajes a las imagenes y ponle widht al div.

ch3 · 26 Ene 2013

Amigo si te sirve de algo, recuerda que con CSS3 puedes colocar diferentes backgrounds a una misma capa (div) :encouragement:

neburor · 26 Ene 2013

foroblogger dijo:
Quiero meter unas imagenes en un DIV y que si cambia la resolución y el DIV crece o se hace mas pequeño las imagenes se hagan grandes o pequeñas en relación ya que al fondo de ese div le he puesto una imagen que sigue el dibujo con esas imagenes y sino se me descuadra todo.

¿Alguien me dice como?

si quieres que una imagen ( <img ... /> ) cambie de tamaño proporcional, con CSS ponle ya sea el alto o el ancho en el porcentaje o tamaño especifico, y la otra parte en auto y se hace proporcional

codigoadicto · 27 Ene 2013

Con un ancho máximo en las imágenes debe bastar.

Insertar CODE, HTML o PHP:

img {
    max-width: 100%;
}

Sobre las propiedades del div, cuales usas?

Cómo hacer que las imágenes dentro de un DIV se ajusten al tamaño del contenedor

foroblogger

rotherus

foroblogger

Poka

ch3

neburor

codigoadicto

Temas similares