css - div クラスのセンタリングに問題がある

Question

フッターをウェブサイトの中央に配置しようとしていますが、何らかの理由で、通常は機能する方法が今回は機能しません。誰でも理由を教えてもらえますか?

サイトはこちら

2 つのクラスを使用して設定され、一方が他方の内部にある

最初のものは mainFoot と呼ばれます:

.mainFoot {
background-color: #184879;
width: 100%;
height: 60px; /*had to include this because it would not appear otherwise. browser read it as a 0 height container*/
display: block;
clear: both;
}

2 番目はページ フッターです。

#page-footer {
width: 990px;
display: block;
clear: both;
margin:0 auto;}

一番下のウィジェットに同じ構造を使用していて、そのまま機能しましたが、何らかの理由で、これを設定しているときに、外側の div が表示されないように高さプロパティを設定する必要がありました内側の div の高さを読み取り、調整します。

参考までに、DOES の機能は mainFoot クラスのすぐ上にあり、クラス b4Foot とハーフウィジェットによって制御されると述べた同様の設定です。

.b4Foot {
background-color: #277bc1;
width: 100%;
display: block;
clear: both;
}

.half-widgets {
width: 990px;
min-height: 200px;
margin: 0 auto;
color: #fff;
}

Answer 1

この行だけを変更する必要があります。以下を参照して CSS を配置し、結果を確認してください。

.mainFoot
{
    background-color:#184879 !important;
    height:60px;
    width:auto;
}
footer.span12 { color:#DEDEDE; width:100%;}
#page-footer { display:block; margin:0 auto; width:990px;}

.mainFoot 、 footer.span12 、および #page-footer のみを変更します

ありがとう、