Foros del Web » Creando para Internet » CSS »

Position absolute y overflow hidden

Estas en el tema de Position absolute y overflow hidden en el foro de CSS en Foros del Web. Hola amigos, Tengo un pequeño problema con unos div. Me explico: Tengo un div general llamado ( div class="uno" ) que tiene overflow:hidden y position:relative. ...
  #1 (permalink)  
Antiguo 02/03/2014, 17:28
 
Fecha de Ingreso: febrero-2014
Mensajes: 99
Antigüedad: 10 años, 10 meses
Puntos: 0
Position absolute y overflow hidden

Hola amigos,
Tengo un pequeño problema con unos div.
Me explico:
Tengo un div general llamado ( div class="uno" ) que tiene overflow:hidden y position:relative.
Dentro de (div class="uno") tengo un div llamado (div class="dos") que tiene position absolute top:-80px y z-index:1.

El problema es que el div class="dos" no lo muestra entero por el overflow
Usando z-index, no lo deberia mostrar entero?

css
--------------------------------------------------------------------------------
.uno { position:relative; margin:60px auto; width:600px; height:400px; background-color:#ddd; overflow:hidden;}
.dos { position:absolute; top:-80px; left:300px; width:200px; height:200px; background-color:#ff0000; z-index:1;}

html
--------------------------------------------------------------------------------
<div class="uno">
<div class="dos">texto</div>
</div>



saludos
Muchas gracias
  #2 (permalink)  
Antiguo 02/03/2014, 17:51
Avatar de Heli0s  
Fecha de Ingreso: abril-2010
Mensajes: 789
Antigüedad: 14 años, 8 meses
Puntos: 40
Respuesta: Position absolute y overflow hidden

z-index no funciona de ese modo para un div que esta dentro de otro, precisamente el overflow:hidden es el que está haciendo que no se vea la parte que sale del div padre, si no me equivoco.
¿Por que usas overflow:hidden?
  #3 (permalink)  
Antiguo 02/03/2014, 18:08
 
Fecha de Ingreso: febrero-2014
Mensajes: 99
Antigüedad: 10 años, 10 meses
Puntos: 0
Respuesta: Position absolute y overflow hidden

Vaya...
Lo pongo porque el div general tiene height:auto y sin el overflow no se me ajusta al tamaño bien.

saludos

Etiquetas: background, color, hidden, html, overflow, position
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 01:57.