cellule HTML contenant des barres de défilement css - comment puis-je me débarrasser du rembourrage?

Question

J'ai un tableau HTML, où chaque cellule contient une grande quantité de données. Je voudrais que chaque cellule soit individuellement scrollable (un peu comme « vitres »), donc je créé une classe CSS qui comprend le trop-plein: attribut défilement. Cependant, la largeur n'est pas la même chose pour chaque fois que j'emploie la classe CSS. Ceci est à l'origine d'un problème de remplissage des cellules. Lorsque la largeur est définie dans la feuille de style externe (ce qui ne fonctionne pas pour moi, puisque je dois être en mesure de définir différentes largeurs), le « volet » remplit la cellule entière, mais quand je le définis au niveau cellulaire, on rembourrage autour de la « fenêtre », dans la cellule.

Voici la définition de classe:

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

Voici le code 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

Je résolu ce problème une minute après la publication, même si je travaillais à elle pendant un certain nombre d'heures. Le problème réel est que, lorsque la largeur de la table est plus grande que la somme des largeurs de chaque cellule individuelle (ou zone fractionné), le remplissage des cellules est apparu. Par pure coïncidence, je n'avais essayé un plus grand nombre dans la feuille de style externe, et petits dans le code réel, donc il est apparu que le problème a été causé par où les données ont été, pas ce que les données ont été

Answer 2

Ok, pour ajouter quelque chose à cela, le regard rapide, il serait plus logique d'appliquer la propriété de défilement à la table td de la place des balises span. Logiquement, lorsque le contenu de la cellule dépasse ses dimensions données, il déborde et que vous demandez que le débordement est affiché comme défilement .... les attributs que vous définissez dans votre CSS semblent plus adaptés aux éléments de table plutôt que la durée .... mais bien sûr, vous savez mieux à vos besoins.