Hola
facurouss
Está claro, como dicen mis dos compañeros (
kseso? y
jomaruro), que plantear preguntas tan ambiguas es poco menos que renunciar de antemano a cualquier ayuda.
Sólo con el ánimo de darte algo para que pienses (y trabajes) y logres realizar tu propuesta, te dejo este código:
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 content="text/html; charset=iso-8859-1" http-equiv="Content-Type" />
<title>Sin título 1</title>
<style type="text/css">
* {
margin: 0;
padding: 0;
position: relative;
}
html, body {
width: 100%;
height: 100%;
overflow: auto;
}
#foto1 {
width: 50%;
height: 100%;
float: left;
overflow: hidden;
}
#foto2 {
width: 50%;
height: 100%;
float: right;
overflow: hidden;
}
.foto {
width: 100%;
height: 100%;
}
.comentario {
position: absolute;
top: 0; left: 0;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
padding: 10px;
}
.coloc {
margin-top: 15px;
display: block
}
</style>
</head>
<body>
<div id="foto1"><img class="foto" alt="" src="foto1.jpg" /></div>
<div id="foto2"><img class="foto" alt="" src="foto2.jpg" /></div>
<div class="comentario">Esta composición siempre se verá con dos imágenes (de cualquier tamaño*) y cada imagen ocupará la mitad exacta del ancho de la pantalla y todo el alto de la pantalla en cualquier resolución de monitor.<br />
<span class="coloc">* Las imágenes deben ser de la suficiente calidad y tamaño para que no pierdan en los monitores de gran resolución. Hay que considerar la deformación más o menos grave de las imágenes, dependiendo de la resolución y proporción del monitor. Deirdre para Foros del Web (www.forosdelweb.com)</span>
</div>
</body>
</html> También lo he dejado
en este enlace con dos imágenes de cierta calidad y puedes ver el resultado.
Saludos