capas div dentro de celda

vicgar20 · #1 (**permalink**) 19/12/2006, 06:07

Necesito colocar en una celda varias capas que en un principio serán invisibles.

El problena que tengo es que necesito que dichas capas estén todas ubicadas en el mismo sitio.

Si le pongo un position:relative y top:0px left:0px las capas me salen dentro de la celda pero una debajo de la otra.

Si le pongo lo mismo pero con position:absolute entonces las capas me salen todas en el mismo sitio pero en la esquina superior izquierda de la pantalla, no de la celda que es donde yo quiero que salga.

¿Como puedo hacer esto?

Gracias de antemano.

bhagat · #2 (**permalink**) 19/12/2006, 06:13

¿puedes ser mas preciso?

envía un ejemplo o un gráfico con lo que quieres conseguir. o la página web con el CSS que estas usando.

Así será mas facil comprender que es lo que quieres

ventanazul · #3 (**permalink**) 19/12/2006, 07:56

¿Has probado con display:none y display:block?

Imagino que solo una capa debería ser visible en un determinado momento, si es así un sencillo Javascript puede hacer una esté display:block (visible) y todas las demás en display:none (invisible).

¡Saludos!

Mikmoro · #4 (**permalink**) 19/12/2006, 11:27

Para hacer lo que dices, necesitas una capa envoltorio con position: relative, o sin position, por dos razones:

1.- Las capas con posición absoluta po sí solas no harán crecer tu celda, sino que se colocarán encima.
2.- Las capas con posición absoluta dentro de otra capa, tomarán las medidas absolutas a partir de la capa en la que están contenidas.

Por tanto: pon una capa dentro de la celda. Dentro de esta capa, bien anidadas, pon tus capas con position: absolute, a la medida que quieras con respecto a la capa contenedora. Y ya oculta, pon delante o detrás, o lo que hayas pensado hacer con ellas.

Mikel.