Capas superpuestas

[Gothgauss]

Hola

He creado una capa, a partir de ahora capa A, de ancho 200px en la cual he metido dentro otra capa con visibility:hidden;, a partir de ahora capa B, para que cuando en la capa A pase el raton por encima se muestre la B

El problema esta en que al pasar el raton por encima si se muestra la capa B, pero me desplaza todo el resto del contenido de la A hacia abajo, y la B no llega a tener la anchura que por css le he dado, limitandose los 200 px de la A

He probado a poner en la A z-index:1; yen la B z-index:2; pero no es la solucion. Alguna idea?

Gracias

[Anastasiaphp]

Por lo general cuando yo he tenido problemas de este tipo lo he solucionado cambiando de orden las capas en el código de la página (no en el css). De todas formas sería mejor que pusieras el código para ver cómo lo has hecho, si las capas son absolutas no tendría que darte problemas, pero si son relativas... pues unas influyen con otras.

[AlbertoGarcia]

¿Quieres decir que tienes una capa contenedora (A) de 200px que contiene otra capa (B) de mayor tamaño?

como dice Anastasiaphp, sin código difícil saber lo que pretendes.

Salud!

[kseso?]

Eso te ocurre porque los elementos ocultados con "display" no afectan al resto. Pero si al mostrarlas lo haces sin sacarlas del flujo del documento, las demás "le tienen que hacer sitio". De ahí el descuadre.

Para evitarlo, una solución es la que te ha comentado Anastasiaphp, hazla visible con "position:absolute". Eso también te va a permitir controlar el punto exacto donde aparece (con top/left)

Un saludo