cella HTML che contiene le barre di scorrimento CSS - come posso liberarmi dell'imbottitura?

Question

Ho una tabella HTML, in cui ogni cella contiene una grande quantità di dati. Vorrei ogni cellula di essere individualmente scorrevole (una specie di "vetri"), così ho creato una classe CSS che include l'overflow: attributo di scorrimento. Tuttavia, la larghezza non è la stessa per ogni volta che io impiego classe CSS. Questo sta causando un problema di imbottitura cella. Quando la larghezza è definito nel foglio di stile esterno (che non funziona per me, perché ho bisogno di essere in grado di impostare differenti larghezze), il "pane" riempie l'intera cella, ma quando lo definisco a livello di celle, v'è imbottitura intorno al "pane", all'interno della cellula.

Ecco la definizione della classe:

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

Ecco il codice 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

Ho risolto questo uno minuti dopo la pubblicazione, anche se avevo lavorato a esso per un certo numero di ore. Il problema attuale è che quando la larghezza della tabella era più grande della somma delle larghezze di ogni singola cella (o area attraversato), l'imbottitura cellule apparso. Per coincidenza, avevo provato solo i numeri più grandi nel foglio di stile esterno, e quelle di piccole dimensioni all'interno del codice vero e proprio, quindi, sembrava che il problema è stato causato da dove i dati erano, non quello che i dati erano

Answer 2

Ok, per aggiungere qualcosa a che, in rapida occhiata potrebbe avere più senso per applicare la proprietà di scorrimento per la tavola td del posto dei tag span. Logicamente poi, quando il contenuto della cella supera le sue dimensioni date, trabocca, e richiedere che l'overflow è mostrato come scorrere .... gli attributi che si sta definendo nel CSS sembrano più adatti agli elementi tabella piuttosto che campata .... ma ovviamente si sa le vostre esigenze.