大きなテーブル、背景を含む周囲のdivsは繰り返されません

Question

私は1000px幅のページを持ち、ページの残りの部分よりもはるかに広いテーブルに出力を保持しています。私はすべてのデータを読むために水平スクロールに問題はありませんが、ヘッダーとフッターのような周囲のdivの背景は大きなテーブルで繰り返されません。

大きなテーブルの周りのdivに「display：inline-block」を追加するためのヒントを読みましたが、まだ解決策が見つかりませんでした。

大変助かります。

<div id="top_ad"> 
</div> 
<div id="header"> 
</div> 
<table> 
THIS IS THE HUGE TABLE 
</table> 
<div id="footer"> 
</div> 

「ヘッダ」のdivとは対照的に、私はBODYの背景として画像を設定しているので、ヘッダーのdivの背景が出て繰り返しています。しかし、 "top_ad"と "footer" divの背景は1000pxで停止します。下記の私のCSS：

body { 
background:url(/images/header_background_repeat.jpg) repeat-x 0 110px; 
padding:0; 
margin:0; 
font-family:Arial, Helvetica, sans-serif; 
font-size: 13px; 
color:#262626; 
text-align:center; 
} 

#top_ad { 
width:100%; 
height:100px; 
background: #0f3245; 
text-align:center; 
padding-top:10px; 
} 

#footer { 
    border-top: 6px solid #C9660D; 
    padding-top: 0; 
    width: 100%; 
} 

Answer 1

あなたの体に100％の幅を追加

Answer 2

あなたは自分のテーブルを含むようにスクロール可能なdiv要素を必要とするように聞こえます。ここでは幅100％を使用しますが、ページの幅にwidth =を使用することができます。

http://jsfiddle.net/XXhzp/

<div id="tablecontainer" style="width: 100%; overflow: scroll;"> 
    <table> 
     <tr><td></td></tr> 
     <tr><td></td></tr> 
     <tr><td></td></tr> 
    </table> 
</div> 

Answer 3

ページ内のすべての周りのコンテナのdivを追加してみてください。おそらく、そのdivは子テーブルの幅をとり、100％に設定されている場合、その幅を他のdivに与えます。