Comment spécifiez-vous le remplissage de table dans CSS? (table, pas de remplissage de cellule)

J’ai une table avec un arrière-plan coloré et je dois spécifier le remplissage entre la table et son contenu, cellules IE.
La balise de table ne semble pas accepter de valeur de remplissage.
Firebug affiche la disposition de la table et du tbody avec le remplissage 0 mais n’accepte aucune valeur saisie pour eux, donc je suppose qu’ils n’ont simplement pas la propriété de remplissage.
Mais la chose est que je veux la même séparation entre les cellules que les cellules supérieures avec le haut de la table et les cellules inférieures avec le fond de la table.
Encore une fois, ce que je veux, ce n’est pas le remplissage de cellules.

EDIT: Merci, ce dont j’ai vraiment besoin, je le sais maintenant, c’est l’espacement des frontières, ou son équivalent html, cellulespacing.
Mais pour une raison quelconque, ils ne font rien dans le site sur lequel je travaille.
Les deux fonctionnent très bien sur un code HTML distinct, mais pas sur le site.
J’ai pensé que cela pourrait remplacer un peu la propriété, mais le placement des cellules et un espacement des bordures en ligne ne devraient pas être écrasés, n’est-ce pas?
(J’utilise Firefox)

EDIT 2: Non, le rembourrage TD n’est pas ce dont j’ai besoin. Avec le rembourrage TD, les rembourrages supérieurs et inférieurs des cellules adjacentes sont résumés, il y a donc deux fois plus d’espace (pavé réel) entre deux cellules qu’entre la cellule supérieure et la bordure supérieure du tableau. Je veux avoir exactement la même distance entre eux.

La méthode la plus simple et la mieux prise en charge consiste à utiliser

La méthode css: d’ espacement des frontières (non supporté par IE, je ne pense pas)

    
foobar

Vous pouvez définir une marge pour la table. Ou bien, enveloppez la table dans un div et utilisez le remplissage de la div.

Voici ce que vous devez comprendre à propos des tables … Ce ne sont pas des arbres d’éléments indépendants nesteds. Ils sont un élément composé unique. Alors que les TD individuels se comportent plus ou moins comme des éléments de bloc CSS, les éléments intermédiaires (n’importe quoi entre le TABLE et le TD, y compris les TR et les TBODY) sont indivisibles et ne sont ni en ligne ni en bloc . Aucun élément HTML aléatoire n’est autorisé dans cet espace de dimension différente, et la taille de cet espace de dimension différente n’est pas configurable du tout via CSS. Seule la propriété HTML cellspacing peut même y accéder, et cette propriété n’a pas d’analogique en CSS.

Donc, pour résoudre votre problème, je suggérerais soit une enveloppe DIV comme le suggère une autre affiche, ou si vous devez absolument la garder dans la table, vous avez cette sale erreur:

  
abc
def
ghi

C’est drôle, je le faisais justement hier. Vous avez juste besoin de ceci dans votre fichier CSS

 .ablock table td { padding:5px; } 

puis envelopper la table dans un div approprié

 

Vous ne pouvez pas … Peut-être que si vous avez posté une image de l’effet désiré, il y a une autre façon d’y parvenir.

Par exemple, vous pouvez envelopper la table entière dans un DIV et définir le remplissage sur le div.

Avec css, une table peut avoir un remplissage indépendamment de ses cellules.

La propriété de remplissage n’est pas héritée par ses enfants.

Donc, en définissant:

 table { padding: 5px; } 

Devrait marcher. Vous pouvez également indiquer spécifiquement au navigateur comment tamponner (ou dans ce cas, ne pas tamponner) vos cellules.

 td { padding: 0px; } 

EDIT: Non supporté par IE8. Pardon.

Vous pouvez essayer la propriété d’espacement des bordures. Cela devrait faire ce que vous voulez. Mais vous voudrez peut-être voir cette réponse .

CSS ne vous permet pas vraiment de le faire au niveau de la table. Généralement, je spécifie cellspacing="3" quand je veux obtenir cet effet. Evidemment pas une solution css, alors prenez-la pour ce qu’elle vaut.

Il y a une autre astuce:

 /* Padding on the sides of the table */ table th:first-child, .list td:first-child { padding-left: 28px; } table th:last-child, .list td:last-child { padding-right: 28px; } 

(Juste vu à mon emploi actuel)

 table { border: 1px solid transparent; } 
 table { background: #fff; box-shadow: 0 0 0 10px #fff; margin: 10px; width: calc(100% - 20px); }