Trouble in Fluss Stadt mit CSS

Question

Ok hier ist die Website:

http://danberinger.com/

Wenn Sie die Quelle für die HTML und CSS können Sie sehen, dass ich die Höhe des div in der Mitte auf 100% gesetzt haben und es einen Überlauf-Eigenschaftswert versteckt gegeben wird „main_content“ genannt. Ich erkannte, dass der Höhenwert auf keine Wirkung zeigt, was angezeigt wird, der Überlaufwert von versteckten die Hintergrundfarbe des main_content div in die Fußzeile zu verlängern unten ist erlaubt. Ich denke, ich frage mich, was der beste Weg für mich eine variable div Höhe auf jeder Seite oder „main_content“ zu erreichen, während die Hintergrundfarbe erhalten bleibt. Mache ich dies der richtige Weg, oder bin ich eine Art von CSS Hack verwenden, das nicht der richtige Weg ist, es zu tun. Alle Erkenntnis ist willkommen. Achten Sie darauf, einen Blick auf die Quelle HTML und CSS zu nehmen, bevor Sie mir eine Antwort zu geben.

Answer 1

Die einfachste Lösung wäre es, die Hintergrundfarbe zu Ihrem body Elemente zuordnen. So etwas wie folgt aus:

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

Dies wird auch die wenigen Pixel weißen Rand um die Kanten beseitigen, wenn Sie, dass pflegen wollen, nehmen Sie die margin und padding Erklärungen aus.

Answer 2

Ich könnte falsch verstanden, was Sie wollen, aber versuchen Sie dies:

Ersetzen div # intro_container mit:

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

und entfernen Sie die Höhe Eigenschaft von div # messagebox.

Answer 3

Ich ziehe es auf diese Weise zu tun:

In den Inhalt der div 'Hauptinhalt', fügen

In Ihrem Fall war es

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

Es cam als neu geschrieben werden

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

AFAIK Dies ist eine Standardmethode zu erreichen, was macht ihr da.