celulares que contienen las barras de desplazamiento HTML CSS - ¿Cómo puedo conseguir librarse del relleno?

Question

Tengo una tabla HTML, donde cada célula contiene una gran cantidad de datos. Me gustaría que cada celda sea desplazable de forma individual (una especie de "paneles"), así que creé una clase CSS que incluye el desbordamiento: atributo de desplazamiento. Sin embargo, la anchura no es el mismo para cada vez que empleo la clase CSS. Esto está causando un problema de relleno de las celdas. Cuando la anchura está definida en la hoja de estilo externa (que no funciona para mí, ya que necesito para ser capaz de establecer diferentes anchuras), el "panel" llena toda la célula, pero cuando lo defino en el nivel celular, hay relleno alrededor del "panel", dentro de la célula.

Esta es la definición de clase:

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

Este es el código 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

He resuelto este uno minutos después de la publicación, a pesar de que había estado trabajando en él durante varias horas. El problema real fue que cuando el ancho de la tabla era más grande que la suma de las anchuras de cada célula individual (o área distribuido), el relleno de las celdas apareció. Casualmente, sólo había intentado un mayor número en la hoja de estilo externa, y los pequeños dentro del código real, por lo tanto, parece que el problema fue causado por donde fueron los datos, no lo que los datos fueron

Answer 2

Ok, añadir algo de eso, el vistazo rápido podría tener más sentido aplicar la propiedad de desplazamiento a la mesa td es en lugar de las etiquetas span. Lógicamente, cuando el contenido de la celda excede sus dimensiones dadas, se desborda, y solicita que el desbordamiento se muestra como desplazamiento .... Los atributos se está definiendo en su CSS parezca más adecuado para los elementos de tabla en lugar de lapso .... pero, por supuesto, usted sabe mejor a sus necesidades.