Hola, Apal
Estas preguntas deberías hacerlas en el foro CSS. A ver si puedo ayudarte:
Pregunta 2:
Código HTML:
<head><script type="text/JavaScript">
function ocultar()
{ document.getElementById('hidepage').style.display='none'
}
</script>
</head>
<body onLoad="ocultar()">
<div id="hidepage" style="position: absolute; left:40%; top:172px; width: 200; height: 100px; display:block;"> He sustituido
por
porque creo que es mejor para que mientras carga el contenido se vaya debajo, pero puedes hacerlo de cualquiera de las dos formas (sería
en la función).
No la puedo probar, porque tarda demasiado poco en terminar de cargar, pero creo que funcionará; he puesto un enlace
Código HTML:
<a href="javascript:ocultar()">Ocultar</a>
y sí funciona. (Tú debes ponerlo en onLoad)
Pregunta 1:
Parece que funciona si envuelves la capa en otra que contenga todo el documento y le das a la interior una posición relativa:
Código:
<body><div>
<h2>Resto de la página...... </h2>
<h2>Resto de la página...... </h2>
<h2>Resto de la página...... </h2>
<h2>Resto de la página...... </h2>
<h2>Resto de la página...... </h2>
(...etc...)
<div id="base" style="position:relative; bottom:150px; width:600px; left:100px; background-color:#FFCC66;">Capa de base</div>
</div></body>
Ojo, que no estoy seguro de si todos los navegadores aceptan 'bottom'