Trouble in città fiume con i CSS

Question

Ok ecco il sito:

http://danberinger.com/

Se si visualizza l'origine per l'HTML e CSS si può vedere che ho impostato l'altezza del div in mezzo al 100% e dato un valore di proprietà overflow di nascosto, si chiama "main_content". Mi resi conto che il valore di altezza sta avendo alcun effetto su ciò che viene visualizzato, il valore di overflow di nascosto sta permettendo il colore del div main_content sfondo di estendere fino al piè di pagina. Credo che mi chiedo che cosa il modo migliore per me per raggiungere un'altezza di div variabile su ogni pagina o "main_content" pur mantenendo il colore di sfondo. Sto facendo questo il modo giusto o sto utilizzando un qualche tipo di CSS hack che non è il modo corretto di farlo. Tutto intuizione è il benvenuto. Assicurati di dare uno sguardo alla sorgente HTML e CSS prima di darmi una risposta.

Answer 1

La soluzione più semplice sarebbe quella di assegnare il colore di sfondo per il vostro elemento body. Qualcosa di simile a questo:

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

Questo eliminerà anche i pochi bordo bianco pixel intorno ai bordi, se si vuole sostenere che, togliere le dichiarazioni margin e padding.

Answer 2

potrei aver frainteso ciò che si vuole, ma provate questo:

Sostituire div # intro_container con:

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

E rimuovere la proprietà altezza da div # messagebox.

Answer 3

Io preferisco fare in questo modo:

Nel contenuto del div 'main-content', aggiungi

Nel tuo caso è stato

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

E 'Cam essere riscritta come

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

Per quanto ne sappia questo è un modo standard per ottenere ciò che stai facendo.