[SOLUCIONADO] Imagen en div dinamico

[Landete]

Hola a todos la verdad no se muy bien si estoy va aqui o en otro lado.Si no es asi moverlo.
Mi problema es que tengo un div dinamico y quiero meterle una imageny que etsa se ajuste a el sin que se deforme pero no hay manera de hacerlo , he leido mucho y la verdad no hay nada que me aclare lo que tengo es esto.
<div style="width:45%; height:100%;float:left;">
<img style="width:100%;height:100%;" src="../imagenes/P3.jpg" /></div>

Y la imagen se deforma como puede evitar que se deforme.
Gracias.

[C2am]

Hola Landette

La mejor forma para que no se deforme, es declarar solo una de las propiedades (ancho/alto), osea sólo declara el width, y deja que el heigth se acomode de acuerdo a la proporción "natural" de la imagen. O declara la altura y deja que el ancho se acomode a gusto.

Ahora si intentas cubrir al 100% el div, es otro tema.
Aclara un poco más.

Saludos

[Landete]

Mi idea es poder cubrir el 100% del div sin que se deforme la imagen

[pzin]

Pues simplemente especifica el ancho y no el alto como dice C2am:

Código CSS:

div img {
  width: 100%;
}
 

No es buena práctica inyectar CSS dentro del HTML, aunque se pueda, siempre es mejor tenerlo separado. Ya sólo por abstracción es más cómodo.

[Landete]

Eso lo se pero es para el ejemplo, he realizado esa prueba pero cuando la imagen se hace mas pequeña deja espacio en blanco y me gustaría poder evitarlo.

[pzin]

Código CSS:

div img {
  display: block;
  width: 100%;
}
 

Arreglaría lo del espacio —por abajo entiendo.

[Landete]

Acabo de probar lo de
div img {
display: block;
width: 100%;
}
y nada me sigue quedando espacio en blanco

[pzin]

Pues pon todo el código necesario para reproducir el problema, a ver qué puede ser.

[Landete]

Al final cambie el diseño de la pagina gracias a todos por el tiempo prestado