adaptar para todo tipo de resolucion de pantalla

oliverarthurnardi · #1 (**permalink**) 13/06/2011, 01:17

Hola buenas chicos!

Me gustaría saber si me podéis ayudar en como puedo hacer para que mi imagen se adapte a cualquier tipo de resolución y se pueda ver bien en cualquier pantalla de ordenadores.

Aquí esta la imágenes que tengo :

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
body {
	background-image: url();
	background-repeat: no-repeat;
}
#apDiv1 {
	position:absolute;
	width:460px;
	height:455px;
	z-index:1;
	left: -3px;
	top: 403px;
}
#apDiv2 {
	position:absolute;
	width:451px;
	height:451px;
	z-index:1;
	left: 1147px;
	top: 2px;
}
#apDiv3 {
	position:absolute;
	width:1557px;
	height:77px;
	z-index:2;
	left: 43px;
	top: 45px;
}
</style>
</head>

<body>
<div id="apDiv1">
  <div id="apDiv2"><img src="Palm1.png" width="450px" height="450px" /></div>
<img src="palm2.png" width="450px" height="450px" /></div>
<div id="apDiv3"><img src="cintatravel.png" width="1516px" height="66px" /></div>
</body>
</html>

Un saludo