フッターをウィンドウの端まで拡大（左右）

Question

私のウェブサイトをhttp://filmblurb.orgで開発しているときに、フッターに問題があります。私のフッタのために、私は新しいものを試しています。私はブラウザのウィンドウの外側の端まで伸びるテーブルをやっています。残りのコンテンツ（つまり、投稿、jQueryスライダなど）は幅フッター。

私のフッタには、テーブル内にテーブルが1つずつあります。私は外側のテーブルをブラウザウィンドウの100％に伸ばしたいと思っています。私はこれを何らかのバックグラウンドイメージを置いて使用するつもりです。その表の前に、このセルに960ピクセルのフッタコンテンツ（サイトマップ、連絡先情報、著作権情報など）を入れる予定です。この幅は、ウェブサイトのホームページにある他のコンテンツの幅と同じです。

誰かが私にこれを助けてくれたら、私は大いに感謝します。 （助けがあれば、私はWordpress 3.2.1を使用しています）

Answer 1

最初にする必要があるのは、div#footerを正しい位置に置くことです。だから、

、今お使いのdiv#footerは、ウィンドウ全体の幅にまたがるから中心にそれを維持し、制限されているあなたのdiv#wrap、内側にあるfloatとwidth

#footer { 
    float: left; 
    width: 100%; 
} 

を追加しposition:absolute;とheight:1em;

を削除。

#wrapから削除し、それをページ全体に広げたい場合はdivの下に置きます。

最後に、非表形式のデータにはtableを使用しないでください。代わりにdivを使用してください。

Answer 2

幅を100％にすると、フッターを左に浮かべないように助言したいと思います。あなたがしていることを見てください。

このコードをCSSに追加すると、個々の要素が左右に浮動している場合を除いて、すべての要素が中央に配置されます。

• { margin-top：0; margin-right：auto; margin-bottom：0; margin-left：auto; }