CSSのスクロールバーを含むHTML細胞は - どのように私はパディングを取り除くことができますか？

Question

私は、各セルに大量のデータが含まれているHTMLテーブルを、持っています。スクロール属性：私はオーバーフローを含んでCSSクラスを作成しましたので、私は、（ソートの「ペイン」のような）各セルを個別にスクロール可能なようにしたいと思います。しかし、幅は、私はCSSクラスを利用することたびに同じではありません。これは、セルのパディングの問題を引き起こしています。幅は（私は異なる幅を設定できるようにする必要がありますので、これは、私のために動作しません）外部スタイルシートで定義されている場合は、「ウィンドウ」は、セル全体を占めるが、私は、細胞レベルでそれを定義するとき、 「ペイン」の周りのパディングは、細胞内で、そこにあります。

ここではクラス定義があります：

.imitationPane{
    display: block;
    border-width: 1px;
    border-style: solid;
    border-color: 000;
    margin-top: 5px;
    padding:5px;
    height: 200px;
    overflow: scroll
 }

ここではHTMLコードがあります：

<table cellpadding=0 cellspacing=2 border=1 width=720>
    <tr>
        <td align=left>
            <span class="imitationPane">
    Hello World bjkgkgdtfdfhbvufgfckjgetdkhgytffkgughkhyufrdyufukg<br><br><br>
            </span>
        </td>
        <td align=left>
            <span class="imitationPane">
    Hello World bjkgkgdtfdfhbvufgfckjgetdkhgytffkgughkhyufrdyufukg<br><br><br>
<h1>AGAIN</h1>
            </span>
        </td>
    </tr>
    <tr>
        <td align=left>
            <span class="imitationPane">
    Hello World bjkgkgdtfdfhbvufgfckjgetdkhgytffkgughkhyufrdyufukg<br><br><br>
<h1>CELL 3</h1>
            </span>
        </td>
        <td align=left>
            <span class="imitationPane">
    Hello World bjkgkgdtfdfhbvufgfckjgetdkhgytffkgughkhyufrdyufukg<br><br><br>
<h1>CELL 4</h1>
            </span>
        </td>
    </tr>
</table>

Answer 1

私は数時間のためにそれで働いていたが、

私は、投稿した後に、この1分を解きます。実際の問題は、テーブルの幅は、個々のセル（またはスパンエリア）の幅の合計よりも大きかったとき、セルのパディングが現れたということでした。偶然にも、私はそれゆえ、問題はデータがあった場所によって引き起こされたと思われ、外部スタイルシートで大きな数字、および実際のコード内の小さなものを試していた、どのようなデータはなかった。

Answer 2

[OK]を、簡単に見にそれがテーブルTDの代わりにspanタグにスクロールプロパティを適用するには多くの意味をなすかもしれないが、それに何かを追加します。セルの内容は、その与えられた寸法を超えて、それがオーバーフローすると、あなたがオーバーフローをスクロールと表示されていることを要求したときに論理的には、その後、....あなたはCSSで定義している属性ではなく、スパンよりもテーブル要素に、より適しているようです....もちろん、あなたのニーズを知っている最高ます。