Capas y

[teodalo]

Hola a todos,

estoy desarrollando un formulario html para recoger datos de los usuarios, para su posterior procesamiento.

Este formulario se compone de varios campos, entre ellos quiero destacar una caja de texto que recoge la fecha de nacimiento del usuario, con un icono a su derecha que cuando se ejecuta un evento onclick sobre él, se hace visible una capa (debajo del campo) que contiene un calendario. Y justamente debajo de este campo hay una lista de opciones, a seleccionar por el usuario.

Mi problema es que cuando se despliega la capa del calendario en lugar de superponerse a la lista, se ve primero la lista y detrás la capa.

La definición de la capa es:
<DIV ID="testdiv1" STYLE="position:absolute;visibility:hidden;backgro und-color:white;layer-background-color:white;">

¿Alguna idea?

GRACIAS.

[kemie]

intenta utilizar la propiedad z-index para indicar cual capa debe de ir encima.

[teodalo]

Ok. Pero la lista de opciones no está en ninguna capa. Gracias

[kemie]

a cualquier elemento puedes darle la propiedad z-index con CSS a traves de su id...

[walo]

Probaste la libreria overlib ?
Busca en google, es una libreria prediseñada, pero te simplifica mucho el trabajo, y tiene muchas opciones.

[teodalo]

Hola de nuevo, probé con la propiedad z-index pero sigue ocurriendo lo mismo.

[kayetano]

Hola

Estoy con kemie esto es cosa de z-index, debes dotar de esta propiedad a las dos capas tanto a la del desplegable como a la del calendario, a la mas profunda le das el valor 0 y a la superior el valor 1.
ej.

Código HTML:

<div style="z-index:1"></div> 

Salu2
KAYETANO

[teodalo]

Eso es lo que he hecho pero sigue sin funcionar :(

[JavierB]

Hola teodalo

Me da la impresión de que lo estás probando con Internet Explorer y con ese navegador no hay forma, que yo sepa, de que un select quede debajo de una capa. En cambio en Firefox, por ejemplo, si que se puede.

Saludos,

[teodalo]

Pues sí, es IE... Pero es un requisito del proyecto, así que lo tengo difícil... Gracias.