1

このバグは本当に私の頭を傷つけています。何らかの理由で、私のテーブルの中央のセルの左側と右側に1pxのギャップがあります。何が原因なのかわかりません。ここで例を見ることができます：http：//jsfiddle.net/JdayW/1/

私が持っている必要があるのは、「マスク」として機能する中央のセルの画像で、その背後にある背景画像を見ることができます。ブラウザウィンドウの端まで伸びる画像の左右に単色が必要です。これを達成するにはテーブルが最善の方法だと思いましたが、間違っている可能性があります。中央のセルまたはテーブル全体に背景色を配置するとギャップがなくなりますが、画像の背後に背景色を設定できないため、明らかにそれは機能しません。

このサイトでは、透明度のあるこの「マスク」画像を作成しており、その背後にある固定された背景の上をスクロールします。そのため、背景を背景にpngをjpgにすることはできません。

これは、テーブルがに設定されwidth:100%、中央のセルが固定の300px幅に設定されているために発生しますか？

4

2 に答える 2

3

何らかの理由で、tdタグが余白の原因でした。それらを 0 に設定し、左右のtdタグの幅を 50% にすると、問題が解決したようです。

table {width:100%; height:300px; border-collapse: collapse; border-spacing: 0;}

td.left, td.right {background-color:green; margin:0; padding:0; width:50%;}

td.middle {width:300px; margin:0; padding:0;}

jsfiddle の作業: http://jsfiddle.net/JdayW/34/

于 2012-11-02T03:35:57.190 に答える
0

中央のtdにのみ0pxのパディングを設定してみましたか？http://jsfiddle.net/JdayW/45/

td.middle {width:300px;padding: 0px}

左右のtdsにもすべての側に1pxのギャップがありますが、背景色にはパディングが含まれているため、それはわかりません。各tdに空白を入れると、すべてのtdsをpadding：0pxhttp ：//に設定できます。 jsfiddle.net/JdayW/44/

于 2012-11-02T04:23:38.690 に答える