Aquí tienes una solución. Ajusta las medidas y características a tu diseño.
Funciona en ie6+, firefox y opera... y valida.
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=windows-1252" />
<title>Mantener fijo un cuadro dentro de otro</title>
<style type="text/css">
#envolvente {
position: relative;
top: 0px;
left: 0px;
width: 500px;
height: 300px;
overflow: hidden;
border: 1px solid #808080;
}
#primero {
position: relative;
width: 500px;
height: 300px;
overflow: auto;
}
#calendario {
position: absolute;
width: 100px;
height: 100px;
overflow: hidden;
border: 1px solid #808080;
background-color: #008080;
margin-left: -50px;
margin-top: -50px;
left: 50%;
top: 50%;
z-index:10;
}
</style>
</head>
<body>
<div id="envolvente">
<div id="calendario"></div>
<div id="primero">
texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ----------
texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ----------
texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ----------
texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ----------
texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ----------
texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ----------
texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ----------
texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ----------
texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ----------
texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ---------- texto ----------
</div>
</div>
</body>
</html> Saludos y feliz 2009 a todos!