Foros del Web » Creando para Internet » CSS »

Capas superpuestas

Estas en el tema de Capas superpuestas en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 26/07/2009, 03:34
 
Fecha de Ingreso: marzo-2009
Mensajes: 395
Antigüedad: 8 años, 9 meses
Puntos: 11
Capas superpuestas

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
  #2 (permalink)  
Antiguo 26/07/2009, 04:40
Avatar de Anastasiaphp  
Fecha de Ingreso: junio-2006
Ubicación: El patio de mi casa
Mensajes: 196
Antigüedad: 11 años, 6 meses
Puntos: 3
Respuesta: Capas superpuestas

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.
  #3 (permalink)  
Antiguo 26/07/2009, 06:32
 
Fecha de Ingreso: mayo-2009
Ubicación: Fuerteventura
Mensajes: 324
Antigüedad: 8 años, 7 meses
Puntos: 19
Respuesta: Capas superpuestas

¿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!
  #4 (permalink)  
Antiguo 26/07/2009, 09:38
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Capas superpuestas

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
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:53.