html - フッター div の動作

Question

送信されたテキストをフィールドに入れるフッターを自分の Web サイトに配置しようとしていますが、この JSFiddleでわかるように、何らかの理由で 2 つの div がうまくいきません。

フッターのすべての CSS は次のとおりです。

.footer {
  background-image: url('debut_dark.png');
  color: white;
  width: 900px;

  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3px;

  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 25px;
  padding-right: 25px;
}

そして、私はそれの何が悪いのかを見つけることができません。

Answer 1

.contentdatadivを適切に閉じる必要があります..<div>代わりに持っていたので、それは次元を混乱させている</div>ことを意味していました。.footer.contentdata

<div class="contentdata">
   <?php echo $content; ?>
</div>

http://jsfiddle.net/gaby/PfFun/3/のデモ

Answer 2

.footerCSSから幅​​を削除します。

.footer {
background-image: url('debut_dark.png');
color: white;

margin-left: auto;
margin-right: auto;
margin-bottom: 3px;

padding-top: 15px;
padding-bottom: 15px;
padding-left: 25px;
padding-right: 25px;
}

どのように見えるかを説明していないので、推測するだけです。