Problemas en el río de la ciudad con CSS

Question

La autorización aquí es el sitio:

http://danberinger.com/

Si ve la fuente para el código HTML y CSS se puede ver que yo he dado la altura del div en el medio a 100% y le ha dado un valor de la propiedad de desbordamiento oculta, se le llama "main_content". Me di cuenta de que el valor de la altura está teniendo ningún efecto sobre lo que se muestra, el valor de desbordamiento oculta es permitir que el color de fondo del div main_content para extender hasta el pie de página. Supongo que me pregunto cuál es la mejor manera para mí para alcanzar una altura div variables en cada página o "main_content", manteniendo el color de fondo. Estoy haciendo esto de la manera correcta o estoy usando algún tipo de truco CSS que no es la forma correcta de hacerlo. Todo visión es bienvenido. Asegúrese de echar un vistazo a la fuente HTML y CSS antes de darme una respuesta.

Answer 1

La solución más fácil sería asignar el color de fondo a su elemento body. Algo como esto:

body {
 margin: 0;
 padding: 0;
 width:100%;
 height:100%;
 background-color:#cccccc;
}

Esto también eliminará los pocos píxeles de borde blanco alrededor de los bordes, si se quiere mantener eso, sacar las declaraciones margin y padding.

Answer 2

Yo podría haber entendido mal lo que quiere, pero intente lo siguiente:

Reemplazar div # intro_container con:

div#intro_container {
width:830px;
margin:auto;
overflow: hidden;
background-color:#333333;
}

Y quitar la propiedad altura desde div # cuadro de mensaje.

Answer 3

Yo prefiero hacerlo de esta manera:

En el contenido del div 'main-contenido', añadir

En su caso era

<div id="main_content">
    <div id="navigation">..</div>
    <div id="intro_container">..</div>
</div>

cam ser reescrita como

<div id="main_content">
    <div id="navigation">..</div>
    <div id="intro_container">..</div>
    <div style="clear:both"></div>
</div>

Que yo sepa Esta es una forma estándar para lograr lo que estás haciendo.