tabla o layer flotante

chalchis · #1 (**permalink**) 02/05/2005, 13:20

hola amigos tengo este script para tener una barra superior que este siempre visible es decir que cuando se haga scroll la pagina la tabla o layer siga siendo visible el problema es que solo funciona en ie, tendran algo por ahi similar para ie,firefox,mozilla

Otra detalle le pongo 100% de ancho al layer y no ocupa el ancho de la pagina deja un escpacio del lado derecho

<html>
<head>
<title>Menú fijo parte superior</title>
</head>

<body OnLoad="setVariables();checkLocation()">
Menú fijo parte superior
<script LANGUAGE="JavaScript">

</script>


<div id="object1" style="position:absolute; visibility:show; left:0px; top:0px; z-index:2; background-color: #FFFFCC; layer-background-color: #FFFFCC; border: 1px none #000000;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="border-collapse: collapse" bordercolor="#111111">
<tr>
<td >Selecciona opción</td>
</tr>
</table>
</div>

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Parte inferior de la pantalla

</body>

</html>

espero sus comentarios gracias

Carlitos · #2 (**permalink**) 02/05/2005, 14:12

Hola.

A ver si te sirve esto:

Código:

<script>
/******************************
 Capa estática. Por Carlitos. [email protected]
 Si usas este script, deja intactas estas líneas (créditos). Vale?
 También te agradecería un e-mail con tus comentarios.
*******************************/

function inicio()
{
NS6 = (document.getElementById&&!document.all)
IE = (document.all)
iniY = document.getElementById('capa').style.top
cursor()
}

function cursor()
{
if (NS6) coorY = window.pageYOffset
if (IE) coorY = document.body.scrollTop
document.getElementById('capa').style.top =  coorY + parseInt(iniY)
setTimeout("cursor()",1)
}

</script>

<body onload="inicio()">

<div id="capa" style="position:absolute; left:0px; top:0px; z-index:2; background-color: #FFFFCC; layer-background-color: #FFFFCC; border: 1px none #000000;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="border-collapse: collapse" bordercolor="#111111">
<tr>
<td ><font size="2">Selecciona opción</font></td>
</tr>
</table>
</div>
<!-- -->
<p>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<p align="center"><b>Parte inferior de la pantalla</b></p>

</body>

chalchis · #3 (**permalink**) 02/05/2005, 14:24

Gracias men tambien encontre este
script esta chido pero tambien probare tu script
gracias por responder

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

chalchis · #4 (**permalink**) 02/05/2005, 14:29

Hola carlitos namas para que te enteraras men
no me funciono tu script el layer queda estatico tanto en ie como
en firefox o mozilla

Carlitos · #5 (**permalink**) 02/05/2005, 15:04

y no es lo que querías?

chalchis · #6 (**permalink**) 02/05/2005, 16:04

jeje creo que me explique mal men
lo que queria era algo como el ejemplo que acabo de postear
http://javascript.tunait.com/javascr...asp?s=menufijo