Ver Mensaje Individual
  #4 (permalink)  
Antiguo 02/07/2008, 16:59
Avatar de Mikmoro
Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 6 meses
Puntos: 280
Respuesta: Porfavor, problemas con un <DIV >

La forma de hacer que se adapte es la siguiente:

Cita:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
#caja {width: 400px; height: 300px;position: relative;}
#caja img {width: 100%; height: 100%; position: absolute; top:0; left:0;}
</style>
</head>
<body>
<div id="caja"><img src="tu_imagen.jpg" />
</div>
</body>
</html>
En la que pongo position: absolute; para que permita que haya otros contenidos en esa caja que se pongan sonbre la imagen, y position: relative; a la caja para que la posición absoluta de la imagen sea con respecto a ésta.

Evidentemente, como te ha dicho dacho, la imagen se deformará para adaptarse. Es imprescindible que la caja tenga un tamaño asignado tanto de alto como de ancho.

Mikel.