2012-01-17 16 views
1

サイトのヘッダーを更新していて、ヘッダー全体が明るい灰色の背景になっているはずです。これを達成するために、ヘッダー全体の背景色をグレー(E7E7E7)に設定することができたと思っていましたが、何とか途中に空白が表示されていました。 Firebugで全体的な部門。CSSの背景色の問題

divはclass = "header"のもので、ページはhttp://www.momentumnow.biz/mn/index.shtmlです。

ヘッダー内のこの空白を取り除くために必要なことを教えてください。ブラウザウィンドウを広くする必要があることに注意してください。人がページを広くすると、右側の紫色のフラッシュがページの右側に向くようにします。このようなclear your floatにあなたが持っている

おかげ

答えて

2

div.header { 
    background-color: #E7E7E7; 
    min-width: 1010px; 
    overflow: hidden; 
} 

書き込みは今clearを持っている必要があります.header DIV内部three floated child DIV'sがあります。したがって、.headeroverflow:hiddenと書いてください。

+0

それを私にビート=) – mrtsherman

+0

おかげでサンディープのために反映されますので、ヘッダ上の汚点は、透明の背景色を持っている必要があります。私は混乱している(明らかに!:-)。私はヘッダーdiv(私はちょうど動いた)の外で明確にすることを台無しにしたのを見る。溢れているものを広げることができますか:隠されたもの、なぜそれが明確なものの代用品ですか?助けてくれてありがとう。 – Ray

+0

私はもう一度質問します。そのセンターセクションを "Inspiring Movement ..."にして、2つのフラッシュピースの中間に浮かべて両サイドに最小のパディング/マージンを使用する方法がありますか? – Ray

1

フロートをクリアする必要があります。あなたがheaderをChromeツールで調べると、高さが0であることがわかります。これは、内部要素をフローティング(通常のフローから抜く)したためです。ちょうどそれらをクリアし、あなたの容器は再び高さを持っています。または、高さを割り当てます。

+0

ありがとうございます。皆さんはこれでとても速いので(BTWに感謝します)、私はアフィリエイトケアメンバーのリンクをどのようにして配置することができますか?私はそれを底に余白の4pxを与えたが、それは上がらない、私は120pxの高さ(紫のフラッシュの部分は100px高い)にヘッダーを保つ必要がある。ありがとう。 – Ray

+0

@Ray - 上端に負のマージンを割り当てます。余白は、要素の端に余分なスペースのようなものです。ボトムマージンを追加するだけで、その下に物を押し込むことができます。 – mrtsherman

+0

ああ、ありがとう。負のマージンはそれを行いました(そして、マージンを底に置くことについてあなたが言っているものを見ています)。しかし、なぜこの要素は、それの上のフラッシュピースに対して直ぐにジャムアップしませんでしたか?私は見ていないいくつかのマージンやパディングを持っていますか? – Ray

1

はしてみてください。この

<div class="header"> 
    <div class="headerLeft"> 
    <div class="affiliate"> 
    <div class="headerRight"> 
    <div style="clear: both"></div> //add this 
</div> 
+0

スーパーアラム、ありがとう。 – Ray

+0

あなたはようこそ) –

0
ヘッダの背景色を変更したり、他のすべてのコン作るとき、あなただけのdivヘッダやないと内側CON-汚染ですべてのものもあり、背景色を変更する必要があることを確認することができます

あなたがhearders背景を変更した場合、それは他の内側のdivとCON-は汚染さ........