CSS 100% Altura Div

Question

Im haciendo un sitio web http://nebkat.com/beta/index.php y hay un fondo gris y un fondo blanco para el contenido (compruébelo usted mismo). El problema es que no puedo configurar la parte blanca para que sea 100% de alto. Solo permanece hasta el título (Bienvenido ...) y luego se detiene.

Answer 1

Las alturas especificadas en% no serán respetadas por el navegador (edite: me refiero a que no funcionarán como usted espera).

Necesita una div de compensación dentro de su <div id="container"> div. Aquí es donde usted debe colocarlo:

<div id="container"> 
    <div id="logo">...</div> 
    <div id="menu">...</div> 
    <div id="content">...</div> 
    <!-- HERE --> 
    <div style="clear: both;"></div> 
</div> 

Answer 2

El height: 100% en CSS no funciona como era de esperar.

Mi solución sería escribir un código JavaScript simple que mida la altura disponible, y luego establecer la altura del div apropiadamente.
Debe ser bastante sencillo, pero si necesita ayuda, lo armaré para usted :)

Answer 3

establezca la altura de su #container div en 100% esto debería solucionar el problema (al menos lo hará en Firefox 3.6).

Realmente debe instalar una herramienta como Firebug para Firefox, puede usarla para 'vivir' la modificación de las propiedades de CSS en los sitios web. hace que sea realmente fácil resolver problemas como este.

Answer 4

dan la altura como el 100% para el contenedor div y eso resolvería su problema.

Answer 5

Bien, usará min-height:100%; o min-height:500px.

Eso puede resolver su problema.

Answer 6

esta respuesta debe ser actualizado con éste: Make div 100% height of browser window

body,html{ 
    height:100%; 
} 

#container{ 
    height:100% 
}