Hola, como andan? Mi consulta es la siguiente:
Dentro de mi div wrapper, es decir del contenedor general, tengo un div cuya altura necesito que sea variable ya que el contenido que lleva dentro es texto y según en la pagina que estés situado el texto es mas largo o mas corto. Si no le doy una altura ni al wrapper ni al div que les hablo, para todas las paginas me deja la altura del mas alto, y si le doy altura auto a ambos, el footer, que es de los que siempre esta abajo se vuelve medio loco.
Mi idea es tratar de no tener que crear un contenedor de texto distinto para cada pagina.
Les dejo algo de código, capaz me explico mejor:
CSS
#wrapper {
width: 980px;
padding: 0;
height: ??????;
margin-top: 0;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
}
#contenedorTexto{
width: 980px;
text-align: center;
margin-top: 15px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
height: ???????;
}
#footer {
height: 230px;
font-family: Arial, Helvetica, sans-serif;
background-color: #36430B;
margin-right: auto;
margin-left: auto;
padding-top: 0;
padding-right: 0;
padding-left: 0;
}
HTML
<body>
<div id="wrapper">
<div id="contenedorTexto">
</div>
</div>
<div id ="footer">
</div>
</body>
Muchas gracias, disculpen si se hizo muy extenso.