Capas que no se mueven

Paranoid · #1 (**permalink**) 01/03/2004, 03:40

Alguien sabe como puedo crear una capa que este estatica en la pantalla y que no se mueva, cuando hago scroll.... como si fuera un frame...

tunait · #2 (**permalink**) 01/03/2004, 03:51

Para los navegdores que soportan bien los estándares css basta con que les asignes la propiedad position a fixed.

Para los que no hacen caso a ese valor de esa propiedad (explorer) tal vez te pueda serviro algo como lo que tengo propuesto aquí

http://javascript.tunait.com/javascr...asp?s=menufijo

caricatos · #3 (**permalink**) 01/03/2004, 04:13

Hola Paranoid y tunait:

Si fuera una imagen, podrías ponerla como fondo del body, sin repeticiones, la posición que quieras y con background-attachment: fixed:

Un ejemplo:

<html>
<body style="background-image: url(tuImagen.gif); background-repeat: no-repeat; background-attachment: fixed; background-position: 40% 30%">
<script>
for (var i = 0; i < 300; i ++) document.writeln("¡Hola bartola!... ");
</script>
</body>
</html>

El script es solo para llenar la página y provocar el scroll.

Pero con cualquier otro elemento, la sugerencia de tunait creo que es lo mejor.

Saludos

Paranoid · #4 (**permalink**) 01/03/2004, 04:17

Muchas gracias, a ver que tal me funciona...en un principio voy a intentar lo de tunait.... porque es una capa con su menu.... jejejjejej

Paranoid · #5 (**permalink**) 01/03/2004, 05:00

Pues no me funciona... lo estoy intentando meter dentro de un php que imprime el menu.... esto este es el codigo, a ver si se os ocurre algo...

function capa_menu($path){
echo "<script language=\"JavaScript\">";
echo "function posicion(){";
echo "if(navigator.appName==\"Netscape\"){";
echo " var scrollarriba=window.pageYOffset;";
echo "}else{
var scrollarriba=document.body.scrollTop;
}";
echo "var posarriba=scrollarriba;
document.getElementById('lateral2').style.top=posa rriba;
pepe=window.setTimeout('posicion()',50)
}
</script>";

if($path==1){
$path="";
}elseif($path==2){
$path="../";
}elseif($path==3){
$path="../../";
}

$intenciones=$path.'declaracion.php';
$power=$path.'img/powered.gif';
$logo=$path.'img/logobipbip.gif';
$programa=$path.'rsc.php';
$who=$path.'inicio_empresas.php';
$hemeroteca=$path.'inicio_docs.php';
$noticias=$path.'index_solidaridad.php';
// echo "<div id=\"todo\">";
echo "<div id=\"logo\">";
echo "<a style=\"text-decoration:none;\" href=\"http://www.fundacionbip-bip.org\"><img src=\"$power\" border=0>";
echo "<img src=\"$logo\" border=0></a>";
echo "</div>";
echo "<div id=\"lateral2\">";
echo "<div id=\"c2\">";
echo "</h3><br><br><br>";
echo "<center><a style=\"text-decoration:none;color:white;font-size:10pt;\" href= \"$intenciones\" >Declaraciòn de Intenciones</a></center><br><br>";
echo "<center><a style=\"text-decoration:none;color:white;font-size:10pt;\" href=\"$programa\">Programa RSC Bip Bip</center></a><br><br>";
echo "<center><a style=\"text-decoration:none;color:white;font-size:10pt;\" href= \"$who\">Who's Who </a></center><br><br>";
echo "<center><a style=\"text-decoration:none;color:white;font-size:10pt;\" href=\"$hemeroteca\">Hemeroteca Bip Bip</center></a><br><br>";
echo "<center><a style=\"text-decoration:none;color:white;font-size:10pt;\" href=\"$noticias\">Agencia de noticias</center></a><br><br>";

// echo "<center><a style=\"text-decoration:none;color:white;font-size:10pt;\" href=\"back/\">Administrador</a><br>";

echo "<br><br><br><br><br><br><br><br><br>";
echo "</div>";

echo "</div>";

}