Foros del Web » Creando para Internet » CSS »

div hijo pueda sobreescribir overflow hidden del padre

Estas en el tema de div hijo pueda sobreescribir overflow hidden del padre en el foro de CSS en Foros del Web. Hola css: Recibi un template donde no puedo controlar un div, me di cuenta que el problema esta en el div padre que lo contiene, ...
  #1 (permalink)  
Antiguo 25/08/2010, 20:41
 
Fecha de Ingreso: junio-2008
Ubicación: Capital Federal xD
Mensajes: 1.208
Antigüedad: 9 años, 5 meses
Puntos: 35
div hijo pueda sobreescribir overflow hidden del padre

Hola css:
Recibi un template donde no puedo controlar un div, me di cuenta que el problema esta en el div padre que lo contiene, posee la propiedad overflow : hidden.
Código PHP:
.div_contenedor{
    
position:absolute;
    
top:30px;
    
overflowhidden;
    
width:400px;
    
height:30px;
    
background-color:blue
}
.
div_hijo {
    
position:absolute;
    
top:20px;
    
background-color:#367084;
}
<
div class="div_contenedor">
    <
div class="div_hijo">
        
Texto entrecortado
    
</div>
</
div>

<
table border="1" style="position:absolute;top:63px;width:100%;" >
    <
tr>
        <
td>Contenido de Menues<br><br></td>
        <
td>Contenido de datos<br><br></td>
    </
tr>
</
table
Por ende el contenido del div_hijo se ve entrecortado.
Solo puedo agregar estilos al div hijo, no puedo modificar el div padre.
Como podria lograr que se visualize por encima del div padre??
Gracias!!!
__________________
I am Doyle please insert code.
  #2 (permalink)  
Antiguo 25/08/2010, 21:50
Avatar de deirdre  
Fecha de Ingreso: mayo-2009
Mensajes: 690
Antigüedad: 8 años, 7 meses
Puntos: 44
Respuesta: div hijo pueda sobreescribir overflow hidden del padre

Hola doylelives

Puedes intentar con esto:

Código HTML:
.div_hijo {
    position: fixed;
    top: 50px; /* juega con este valor para ajustarlo */
    background-color: #367084;
    z-index: 2; /* si el diseño te lo pide, usa un valor de z-index */
}
Tendrás que ajustarlo a tu diseño modificando las medidas...

Saludos
  #3 (permalink)  
Antiguo 26/08/2010, 07:28
 
Fecha de Ingreso: junio-2008
Ubicación: Capital Federal xD
Mensajes: 1.208
Antigüedad: 9 años, 5 meses
Puntos: 35
Respuesta: div hijo pueda sobreescribir overflow hidden del padre

Funciona!
pero solo en Firefox, en IE7 no!!!
=(

mmmm fixed significa fija, al scrollear el div que fijo. ¿?¿?¿
__________________
I am Doyle please insert code.

Última edición por doylelives; 26/08/2010 a las 07:55
  #4 (permalink)  
Antiguo 29/08/2010, 11:47
Avatar de mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.014
Antigüedad: 8 años, 8 meses
Puntos: 101
Respuesta: div hijo pueda sobreescribir overflow hidden del padre

Creo que el z-index es la unica chance. Por que no puedes modificar el CSS del div padre?
  #5 (permalink)  
Antiguo 01/09/2010, 10:49
 
Fecha de Ingreso: diciembre-2007
Mensajes: 104
Antigüedad: 10 años
Puntos: 4
Respuesta: div hijo pueda sobreescribir overflow hidden del padre

Holas, porque dices que no puedes controlar el div padre? podrías explicarlo?.. si tienes la posibilidad de meter otro css ten en cuenta que siempre (los navegadores decentes) se coje la ultima instrucción dada por el CSS.. entonces si ese css lo incluyes desde algún sitio, en tus css (incluyelos en el html LUEGO del css externo) puedes repetir el estilo .div_padre y cambiar las condiciones que tú quieras..

Saludos!

Etiquetas: hidden, overflow, padre
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 09:12.