Trouble in river city avec CSS

Question

Ok est le site ici:

http://danberinger.com/

Si vous affichez la source pour le code HTML et CSS, vous pouvez voir que je régler la hauteur de la div au milieu à 100% et lui a donné une valeur de propriété de débordement caché, il est appelé « main_content ». J'ai réalisé que la valeur de hauteur est sans effet sur ce qui est affiché, la valeur de débordement est cachée qui permet la couleur de fond de la div main_content pour étendre vers le bas au pied de page. Je suppose que je me demande quelle est la meilleure façon pour moi d'atteindre une hauteur variable div sur chaque page ou « main_content » tout en maintenant la couleur d'arrière-plan. Est-ce que je fais ce la bonne voie ou que j'utilise une sorte de hack css qui n'est pas la bonne façon de le faire. Tout aperçu est la bienvenue. Assurez-vous de jeter un oeil à la source HTML et CSS avant de me donner une réponse.

Answer 1

La solution la plus simple serait d'attribuer la couleur de fond à votre élément body. Quelque chose comme ceci:

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

Cela permettra également d'éliminer les quelques pixels bordure blanche autour des bords, si vous voulez maintenir cela, prendre les déclarations de margin et padding.

Answer 2

Je pourrais avoir mal compris ce que vous voulez, mais essayez ceci:

Remplacer div # intro_container avec:

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

supprimer la propriété de hauteur de div # messagebox.

Answer 3

Je préfère le faire de cette façon:

Dans le contenu de la div 'principal contenu', ajoutez

Dans votre cas, il était

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

cam être réécrite comme

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

Ce AFAIK est un moyen standard pour réaliser ce que vous faites.