Problemas na cidade de rio com CSS

Question

Ok aqui é o site:

http://danberinger.com/

Se você exibir a fonte para o HTML e CSS você pode ver que eu definir a altura da div no meio de 100% e dado um valor de propriedade de estouro de escondido, ele é chamado de "main_content". Percebi que o valor da altura está tendo nenhum efeito sobre o que é exibido, o valor de estouro de escondido está permitindo que a cor do div main_content fundo para estender até o rodapé. Eu acho que eu estou querendo saber qual a melhor maneira para mim para alcançar uma altura div variável em cada página ou "main_content", mantendo a cor de fundo. Estou fazendo isso da maneira certa ou estou usando algum tipo de corte css que não é a maneira correta de fazê-lo. Todo entendimento é bem-vinda. Certifique-se de dar uma olhada no HTML fonte e CSS antes de me dar uma resposta.

Answer 1

A solução mais fácil seria a de atribuir a cor de fundo para o seu elemento body. Algo parecido com isto:

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

Isso também irá eliminar a borda branca do pixel poucos em torno das bordas, se você quiser manter isso, tirar as declarações margin e padding.

Answer 2

Eu poderia ter entendido mal o que quiser, mas tente o seguinte:

Substituir div # intro_container com:

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

E remover a propriedade altura da div # messagebox.

Answer 3

Eu prefiro fazer assim:

No conteúdo da div 'main-content', add

No seu 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>

AFAIK Esta é uma maneira padrão para alcançar o que está fazendo.