Hola
Con esto puedes mantener la imagen o lo que quieras fijo en un punto de la pantalla.
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="es">
<head>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body {
margin: 0px;
padding: 0px;
border: 0px;
}
div.capaFija {
position: absolute;
top: 0px;
left: 100px;
width: 50%;
height: 50%;
background-color: #00ff00;
}
@media screen {
html { overflow: hidden; }
html[lang] { overflow: visible; }
body { height: 100%; overflow: auto; }
html>body { height: inherit; overflow: visible; }
body>div.capaFija { position: fixed; }
}
</style>
</head>
<body>
<div class="capaFija" id="capita">aquí va el contenido que se queda fijo</div>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
</body>
</html>
Funciona en:
Explorer 6.0 sp1
Firebird 0.7
Firefox 0.8
Firefox 0.9
Netscape 7.0
Opera 7.23
No funciona en:
Netscape 4.x
No lo he probado en más navegadores, per ocreo que es suficiente, de todas formas si alguien me dice más navegadores en los que funcione o no funcione, con gusto tomo nota.
Bueno, como decía, con ese código debe funcionarte bien, ahora aprovecharé yo en mensaje para hacer una preguntilla.
Como ven, el doctype del documento es 4.01, no logro que funcione bien el sistema en versiones superiores. ¿alguien sabe el motivo? Con una pista me ayduaría, No es que le haya dedicado demasiado tiempo una vez que así funcionó, pero me agradaría pasarlo a un formato xhtml 1.1.
Gracias a todos de antemano.
Felicidad