フッタの背景画像をリピートxで左右に伸ばす方法

フッタの背景画像をリピートxで左右に伸ばす方法について質問します。
色々なサイトを見て検証してみましたが、どのように試してもサイト自体の幅以上、画像が左右に伸びません。
切れてしまいます。
cssを載せますので、どなたかアドバイスをいただけたら嬉しいです。
よろしくお願いします。

＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿


#footer {
background-color:#ffffff;
color:#222;
height:100px;
text-align:center;
vertical-align:bottom;
padding-top:35px;
margin-top:13px;
background-image: url(<UserImg>/footer_bg.gif) ;
background-repeat: repeat-x;
background-position: top;
min-width:1025px;
overflow:visible;
}

No.1 ベストアンサー 回答者： hinananana 回答日時： 2011/06/10 13:15

おそらくwidth指定がされているのでは？

例えば

/*-CSS-*/

.wrap{
wisth:400px;
}

.footer{
background-image:url(footer_img.gif):
background-repeat:repeat-x;
}

/*--HTML--*/

<div class="wrap">
<div class="footer">
画像が切れてしまう・・・
</div>
</div>


みたいな感じで
wrapにwidthを指定しているため途中で切れてしまいます。

これを解消するなら・・・
自分は


/*-CSS-*/

.wrap{
wisth:400px;
margin:0 auto 0 auto;
}

.footer_wrap{
wisth:400px;
margin:0 auto 0 auto;
}

.footer{
background-image:url(footer_img.gif):
background-repeat:repeat-x;
}

/*--HTML--*/

<div class="wrap">
コンテンツ
</div>
<div class="footer">
<div class="footer_wrap">
これなら画像が切れません
</div>
</div>

でやります！
・・・わかりますかね・・・＾＾；

この回答へのお礼

回答ありがとうございます。
ずばり解決いたしました。

まさにhinanananaさんの言う通りでした。
footerをwrapから出すことで、できました。

本当にありがとうございます。

お礼日時：2011/06/10 15:03

No.2 回答者： ORUKA1951 回答日時： 2011/06/10 14:37

　サイトの幅と言う意味がわかりませんが、示されたスタイルシートから想像できるのは、サイトの幅を決めてその中で設定しているとしか思えません。

　なら、footerを内包する親コンテナブロックから出せば良いだけです。
<div class=section">
　<div class="header"></div>
　<div class="body"></div>
　<div class="footer"></div>
</div>
↓
<div class=section">
　<div class="header"></div>
　<div class="body"></div>
</div>
<div class="footer"></div>
　

この回答へのお礼

回答ありがとうございます。

親コンテナブロックから出すことで解決いたしました。
回答していただきすごく助かりました。
ありがとうございました。

お礼日時：2011/06/10 15:05