Capa que suba y baje segun la pagina

chcma · #1 (**permalink**) 10/05/2006, 09:58

Hola buenas tardes,

Bueno, pues eso, querria hacer como hacen algunas webs de propaganda molesta, que aparece una capa superior a la pagina y que segun se baja con el scroll, la capa tambien baja y asi esta siempre visible.

¿Hay alguna forma de conseguir este efecto sin usar JavaScript?, bueno, si alguien puede ayudarme y mandarme algun ejemplo se lo agradeceria.

Por lo demas, agradecer a todos por la ayuda sirmpre ofrecida.

Saludos Cordiales, Foreros

Artdeco · #2 (**permalink**) 10/05/2006, 10:06

No es una capa, es un GIF (o Flash) con Javascript, lo que dices.

Sin embargo, sí se puede hacer que una capa con CSS te acompañe cuando bajas el scroll, sin necesidad de Javascript y con código completamente estándar.

El ejemplo lo hice yo en mi página www.hundamosantena3.tk

Si bajas el scroll, verás cómo el menú de la izquierda se queda estático. No "baja", sino que, directamente, no se mueve. Y eso se consigue así:

En la hoja CSS:

Código:

#menulat {background-image: none;  width: 145px; float: left; margin: 5px; padding: 5px; position: fixed; font-weight: bold; font-size: 12px; text-align: right;}

En el HTML:

Código:

<div id="menulat"> Inicio<br />
	<a href="encuestas.html">Encuestas</a><br />
    <a href="opiniones.html">Opiniones</a><br />
    <a href="porqueodiasantena3.html">&iquest;Por qu&eacute; odias Antena 3?</a><br />
    <a href="negrahistoria.html">Negra historia</a><br />
    <a href="plagios.html">Plagios</a><br />
    <a href="sehundesola.html">Se hunde sola</a><br />
	<a href="foro/viewforum.php?f=1">Habemus foro</a><br />
	<a href="acercade.html">Acerca de HA3</a><br />
	<a href="contacto.html">Contacto</a></div>

Lo que hace que el menú se mantenga fijo es la propiedad position: fixed; en el código CSS.

Ahora viene lo gracioso: no funciona en Internet Explorer (esto hace tiempo que dejó de sorprendernos, ¿verdad?). Lo que te recomiendo es que lo hagas como te he explicado, y no busques trucos en Javascript o cosas raras sólo para hacer que funcione en Internet Explorer. Los que usen ese navegador, que dejen de usarlo.

Espero que sea eso lo que has pedido xD

¡Saludos!

chcma · #3 (**permalink**) 10/05/2006, 10:27

Si, es lo que he pedido, pero es para una aplicación ASP.NET, asi que no me sirve.

De todas formas, muchas gracias.

Artdeco · #4 (**permalink**) 10/05/2006, 10:43

Pues, entonces, aquí: http://www.forosdelweb.com/f15/

Si entras al foro de CSS, te responderemos con soluciones en CSS ^^

chcma · #5 (**permalink**) 10/05/2006, 11:33

Bueno hombre, pensé que CSS se da para que sea "multi-navegador", preguntaré ahi, gracias.

Saludos.

JavierB · #6 (**permalink**) 10/05/2006, 11:48

Hola chcma

Cierro este mensaje para que continue en: http://www.forosdelweb.com/showthrea...47#post1540547

Saludos,