CSSと川の都市でのトラブル

Question

[OK]を、ここのサイトです。

http://danberinger.com/する

あなたがHTMLやCSSのソースを表示すると、

私は100％に途中でのdivの高さを設定し、それに隠されたのoverflowプロパティの値を与えている、それは「main_content」と呼ばれていることがわかります。私は、高さの値が表示される内容に影響を与えないが、隠されたのオーバーフロー値がmain_contentのDIVの背景色がフッタまで延びるように許可されていることに気づきました。私は、背景色を維持しながら、私のために最善の方法は、変数のdiv各ページの高さまたは「main_content」を達成するために何を疑問に思ってね。私は、この正しい方法をやっているか、私はそれを行うための適切な方法ではないCSSハックのいくつかの種類を使用しています。すべての洞察力は大歓迎です。私に答えを与える前に、ソースのHTMLとCSSを見てみるようにしてください。

Answer 1

最も簡単な解決策は、あなたのbody要素に背景色を割り当てることであろう。このような何かます：

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

これはまた、あなたがそれを維持したい場合は、marginとpadding宣言を取り出し、エッジの周りにいくつかのピクセル白い境界線を除去することができます。

Answer 2

私はあなたが望むものを誤解しているかもしれませんが、これを試してみてください

とのdiv＃のintro_containerを交換します：

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

とのdiv＃のメッセージボックスからの高さプロパティを削除します。

Answer 3

私はこのような方法で行うことを好むます：

divの 'メイン・コンテンツ' の内容では、追加

あなたの場合には、それだった。

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

は

のように書き換えることがカム

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

私の知る限りこれは、あなたが何をしている達成するための標準的な方法です。