Hola de nuevo, releyendo tu post no había entendido bien el que la leyenda se quedara fija aunque se hiciera scroll.
Aquí te dejo eso arreglado. Funciona en ie6 (sí también en el 6
), ie7, ff y opera.
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>
<title>Ejemplo</title>
<script language="javascript" type="text/javascript">
//<![CDATA[
function Oculta() {
document.getElementById("cargando").style.display = "none";
}
//]]>
</script>
<style>
#cargando{
position:fixed; right:3px; top:3px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
background-color:#CC0000;
color:#FFFFFF;
font-weight:bold;
padding: 3px;
}
</style>
<!--[if lt IE 7]>
<style>
#cargando{
position:absolute;
top:0;
top: expression((ignorar = 3+document.documentElement.scrollTop+document.body.scrollTop) + 'px' );
}
</style>
<![endif]-->
</head>
<body onload="Oculta()">
<div id="cargando">Cargando...</div>
<!-- esta carga del iframe es para poder testar la precarga-->
<center>
<iframe name="muestra" src="http://www.elpais.com" height="450" width="600" border="0" frameborder="0"></iframe>
</center>
<br />
<!-- este divisor es para poder hacer scroll y probar la fijación de la leyenda de precarga -->
<div style="width: 100%; height: 1000px" align="center">Esta capa es para poder hacer scroll</div>
</body>
</html>