Imagen que se adapta al Div

paulkees · #1 (**permalink**) 03/03/2007, 12:29

Hola a todos...
Tengo una imagen de 913px x 298px que quiero poner dentro de un Div con medidas en % y que la misma se adapte al tamaño del Div. Es decir, el div es más pequeño que la imagen.
Esto es para hacer que la imagen, si se ve con resolución 800 se achique y si es resolución 1024 se alargue, por que en esta resolución el div se estira y quiero que la imagen también.
He buscado pero no encuentro explicaciones, salvo que esto no se pueda hacer y esté equivocado en mi consulta!!!
Gracias y saludos.-

kazafun · #2 (**permalink**) 03/03/2007, 12:31

No se puede hacer

JavierB · #3 (**permalink**) 03/03/2007, 12:33

Hola paulkees

Prueba con esto:

Código:

div img {width:100%; height:100%}

Saludos,

paulkees · #4 (**permalink**) 03/03/2007, 13:09

Gracias JavierB...
Vamos mejorando, lo que pasa es que con tu ejmplo ahora la imagen queda dentro del div pero al tamaño de ella, sin adaptarse al tamaño del div.
Me pregunto lo siguiente, si una imagen es ma pequeña que el Div, la misma se repite o no se repite según lo que pongamos, entonces, cómo se puede hacer para que la imagen se achique si es más grande que el Div y se ajuste al mismo?
Espero que no sea absurdo lo que pregunto.
Saludos.-

Mikmoro · #5 (**permalink**) 03/03/2007, 17:25

Puede ser que no hayas hecho bien algo de lo que te ha dicho javierB. Este código funciona perfectamente:

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>Foto elastica</title>
  <meta http-equiv="Content-Type"
 content="text/html; charset=iso-8859-1">
  <style>
#caja{
width: 70%;
height: 90%;
}
#caja img {width: 100%;
height: 100%;
}
  </style>
</head>
<body>
<div id="caja"><img src="tufoto.jpg"></div>
</body>
</html>

Míralo cómo funciona aquí:

http://www.menoslobos.com/mikel/foro..._elastica.html

Prueba a reducir la ventana del navegador como quieras.

Mikel.

paulkees · #6 (**permalink**) 03/03/2007, 18:13

Gracias Mikmoro...
Lo pondré en práctica a ver como va...
Gracias nuevamente!!!
Saludos.-

kazafun · #7 (**permalink**) 04/03/2007, 11:56

mmmmm... veo que fui bastante radical... jejejeje

El caso es que el resultado de una imagen con tamaño variable, con las tecnicas actuales no me parece que sea algo apto.

Mikmoro · #8 (**permalink**) 04/03/2007, 15:22

No, muy apto no es porque desde luego, cualquier imagen se hace papilla.

Mikel.