Foros del Web » Creando para Internet » CSS »

Desbordamiento vertical de capas hijas sobre capas padres en FF, Opera, Netscape

Estas en el tema de Desbordamiento vertical de capas hijas sobre capas padres en FF, Opera, Netscape en el foro de CSS en Foros del Web. No sé cómo controlar el desbordamiento vertical de capas hijas sobre sus capas padres en el caso de que la capa hija pueda variar de ...
  #1 (permalink)  
Antiguo 18/02/2006, 10:12
 
Fecha de Ingreso: mayo-2003
Mensajes: 527
Antigüedad: 14 años, 6 meses
Puntos: 3
Desbordamiento vertical de capas hijas sobre capas padres en FF, Opera, Netscape

No sé cómo controlar el desbordamiento vertical de capas hijas sobre sus capas padres en el caso de que la capa hija pueda variar de longitud cada vez, dependiendo de la cantidad de contenido, que es obtenido dinámicamente por PHP.

Lo podeis comprobar en esta web, en la capa de la columna izquierda. Se ve claramente cómo se desborda y pasa sobre la capa padre que la contiene, que es de un color azul más oscuro:

http://www.luismartinsev.com/valenci...life/index.php

He probado con la propiedad overflow, pero o bien me crea barras de scroll, cosa que no deseo ahí, o bien corta el contenido y lo que no cabe queda inaccesible. Lo que quisiera es que la altura de la capa padre se amoldase a su contenido, es decir, a su capa hija.

También me gustaría, por estética, que las tres capas de columnas quedasen a igual altura, independientemente de que el contenido de las tres no acabe a la misma altura.
  #2 (permalink)  
Antiguo 18/02/2006, 10:41
Avatar de kazafun  
Fecha de Ingreso: diciembre-2003
Ubicación: Elda
Mensajes: 843
Antigüedad: 14 años
Puntos: 13
Una pregunta, los pequeños banners anunciando espacio publicitario... ¿tienes una licencia de macromedia? Te digo porque yo estoy en ese mismo caso, y estoy en la duda de si hacerlos el flash o no, por si diera la casualidad de que me pillaran ( igual son paranoias mias... )
__________________
MUERTE a Internet Explorer


Mi portfolio de diseño web en Elda
  #3 (permalink)  
Antiguo 18/02/2006, 10:55
Avatar de Seppo  
Fecha de Ingreso: marzo-2005
Ubicación: Buenos Aires, Argentina
Mensajes: 1.284
Antigüedad: 12 años, 8 meses
Puntos: 17
Si a #cabecera y a #partecentral le ponés "height: auto;" en vez de una cantidad de pixels creo q estaría solucionado
  #4 (permalink)  
Antiguo 18/02/2006, 11:12
 
Fecha de Ingreso: mayo-2003
Mensajes: 527
Antigüedad: 14 años, 6 meses
Puntos: 3
Cita:
Iniciado por Seppo
Si a #cabecera y a #partecentral le ponés "height: auto;" en vez de una cantidad de pixels creo q estaría solucionado
Olé Seppo! Ya no hay desbordamiento!
Muchas gracias!

Ahora me queda saber cómo hacer que las tres columnas queden a la misma altura.
  #5 (permalink)  
Antiguo 18/02/2006, 11:16
 
Fecha de Ingreso: mayo-2003
Mensajes: 527
Antigüedad: 14 años, 6 meses
Puntos: 3
Cita:
Iniciado por kazafun
Una pregunta, los pequeños banners anunciando espacio publicitario... ¿tienes una licencia de macromedia? Te digo porque yo estoy en ese mismo caso, y estoy en la duda de si hacerlos el flash o no, por si diera la casualidad de que me pillaran ( igual son paranoias mias... )
Bueno...., para usar Flash, y más aún comercialmente, necesitas licencia desde luego, pero en cualquier sitio web pueden pensar que el banner no es tuyo, sino de la empresa anunciante. En ese caso, veo complicado que a un particular le hagan una inspección. Si estuviera en una empresa de diseño web, entonces sí que me preocuparía de comprar licencias.

P.D.: ahora las licencias son de Adobe, recuerda que estos han comprado Macromedia
  #6 (permalink)  
Antiguo 27/03/2006, 13:32
 
Fecha de Ingreso: marzo-2006
Mensajes: 1
Antigüedad: 11 años, 8 meses
Puntos: 0
Problema parecido

Hola, mi problema es similar al planteado anteriormente con el desbodamiento de capas. Esto es parte del código css de mi página:
.cont{
background-color:#ffffff;
height:auto;
position:relative;
}
.contenido {
border-left-color:#00FF00;
border-left-style:solid;
border-left-width:11em;
background-color: #ffffff;
position:absolute;
z-index: 1;
}
.menu_principal {
border-top-color:#ffffff;
border-top-style:solid;
border-top-width:0.5em;
float: left;
background-color: #006699;
z-index: 2;
position:absolute;
width:11em;
}
La capa .cont contiene a las otras dos. La capa .contenido tiene un margen izquierdo del mismo color que el .menu-principal para que, si se queda corto el menu, no se note. El problema es que si el menú crece dinámicamente, que es mi intencion, se sale de ,cont, y no cuadran las capas. He intentado que ,menu-principal sea hijo de contenido,...pero nada me funciona. Me podeis ayudar? Mi propósito es tener un menú izquierdo y un contenido, y que ambos crezcan a la vez.
Gracias
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 12:39.