私は、その中央にセクションを持つHTMLページを持っています。この水平セクションには<table>が使用され、セクション全体にわたって水平に繰り返す必要があるカスタム背景画像があります。この表には5つの要素があります。これらの要素は、静的に140pxのサイズです。固定幅の列を持つ<table>をコンテナの幅全体に塗りつぶすにはどうすればよいですか？
私の問題は、イメージを残りの領域にまたがって繰り返すことができないことです。テーブルが幅全体を伸ばしていないかのようです。しかし、テーブルの幅を100％に設定すると、表のセルは140px以上になります。
私は何をしますか？私はテーブルが空間全体を埋めるようにしたい。しかし、私は自分の細胞を一定の大きさにしたい、私はバックグラウンドイメージを使用したい。
ありがとうございました！
背景画像のサイズは、CSSとは無関係です。ヘルプはありません。たぶんあなたはJavaScriptで何かをハックすることができます。さもなければ、背景イメージの大きさを知る必要があります。
6番目のセルを追加し、幅を指定しないでください。これにより、テーブル幅が100％に設定されている場合、5つのセルが140pxに保持され、6番目のセルが最後まで引き延ばされます。
<table>は、その内部のセルと同じ大きさです。つまり、幅が140ピクセルの5つのセルがある場合、テーブルの幅は700ピクセルに過ぎません。使用できる全幅にわたって伸びません。
あなたは<div>で<table>をラップし、the 6th cell solutionが動作しないか、好ましくないない場合、<div>に繰り返し背景画像を入れることができます。
divの中のセクションを折り返し、divに背景イメージを適用することを検討してください。テーブルのtd要素の幅を140ピクセルに設定します。
ここにはexampleがあります。明らかに、flurries.pngの代わりにイメージを参照する必要があります（これはフィドルの一部ではないので表示されません）。