Capa inamovible.

liberfg · #1 (**permalink**) 06/04/2006, 16:14

Hola a todos,

la pregunta es la siguiente, hay alguna forma de asegurarme de que una capa este simpere en el mismo lugar de la pantalla?

.menu_layer{
position:absolute;
top:32%;
left:28%;
width:100px;
height:50px;
color:#000000;
border: 1px solid #DDDDDD;
background-color:#CCCCCC;
text-align:center;
vertical-align:middle;
visibility:hidden;
filter:alpha(opacity=70);
-moz-opacity:0.70;
}

ese es el estilo de la capa, tal y como esta si cambio el tamaño del explorer o la resolucion de mi pantalla la capa cambia de lugar repecto al resto del contenido... ¿la puedo dejar fija?

Gracias y Saludos!

Liber

liberfg · #2 (**permalink**) 06/04/2006, 19:04

Lo solucione poniedo todo en un div de width 100%, la solucion la encontre aqui mismo. Disculpen las molestias y gracias a todos.

Saludos,

Liber

liberfg · #3 (**permalink**) 06/04/2006, 21:49

Estimados, lamentablemente me encuentro con otro problema en relacion a esto, cuya solucion no he podido encontrar, con este estilo:

.menu_layer{
position:relative;
top:-78.5%;
left:80%;
width:100px;
height:50px;
color:#000000;
border: 1px solid #DDDDDD;
background-color:#CCCCCC;
text-align:center;
vertical-align:middle;
visibility:hidden;
filter:alpha(opacity=70);
-moz-opacity:0.70;
}

y poniendo my div con ese estilo dentro de otro que envuelve doto el contenido (esta entre los tags body).
<body>
<div style="width:100%;">contenido<div class='menu_layer'>hola</div>contenido</div>
</body>

en ambos casos, el contenido alrededor de la capa es el mismo es la misma pagina copiada y con pocos cambios en el texto, pero la capa con el texto hola aparece en cada pagina en lugares diferentes....

no entiendo porque? alguna idea?

Gracias a todos y espero haberme explicado, cualquier cosa a las ordenes.

Saludos!

Liber