Foro de elhacker.net

Buenas noches,
Estoy construyendo una web de la siguiente manera:
Toda la web esta contenida en una capa llamada "container_general". Dentro de esta tengo varias capas más, el header, el menu y la que contiene el texto llamada "text". La que contiene el texto es la unica que cambia el contenido  ya que modifico el contenido con includes en php segun una variable que le pase.

Por tanto la altura de la capa "text" varia segun la pagina que le cargo.

El caso es que la capa padre "container_general" no se adapta a la altura de la capa hijo "text" y queda mal. Es como si la capa hijo estuviera "flotando" sobre la capa padre y fueran independientes.

Aqui estan los css de estas dos capas:

#container_general
{
   position:static;
   height:700px;
   margin: 0 auto;
   width:1000px;
   padding-bottom:5px;
   background-color:#FFF;
   display:block;
   
}

#text
{
   position:static;
   float:left;
   margin-left:230px;
   margin-top:30px;
   width:720px;
   text-align:left;
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:15px;
   line-height:18px;
   resize:vertical;
}

No entiendo qué es lo que estoy haciendo mal. ¿Alguna idea?

Saludos

por k no cambias  height:700px; por  height:auto ya probaste asi? o kisa pon esta propiedad en tu capa padre
overflow:hidden;

Hola,
Si lo pongo en auto o no defino la altura, me coge el valor 0, como si la capa estuviera vacia. En realidad la capa en si no tiene ningún contenido. Solamente tiene un color de fondo y hace que se centre toda la pagina. Todo el otro contenido de la web esta en capas que estan dentro de esa capa padre.

Seria algo como:

<div id="container_general">

      <div id="logo" >...</div>
      <div id="header" >...</div>
      <div id="text" >...</div>

</div>

Todas las tengo en "position:static;".

Saludos

ya probaste overflow:hidden; en la capa padre?

Hola,
Pues lo estaba probando pero no me funcionaba ya que lo estaba probando dejando asignada una altura a la capa padre.
Acabo de probar de dejarlo sin ninguna altura puesta y con el overflow:hidden y funciona!!

Ahora unicamente se me plantea el problema que quiero que tenga una altura mínima. Por eso le definia la altura.

Se me ocurre que para tener esta altura mínima podría crear otra capa vacia dentro de la capa padre que tuviera esas dimensiones mínimas. Es un poco chapucilla pero creo que podria funcionar.
¿Alguna idea mejor?

Y muchas gracias :)

Hola,
He llegado a la solución. Finalmente he creado esta capa vacia con el fondo del mismo color que la web dentro de la capa padre en position absolute. De este modo la capa padre tiene mínmo el tamaño de esa capa y todo queda perfecto.

Como dije, es algo chapucilla pero funciona. Asi que ale!! jeje. Aunque si teneis alguna propuesta mejor, estoy abierto a sugerencias :)

Muchas gracias