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