Rembourrage ou marge par défaut de la table CSS

Question

Aujourd'hui c'est la première fois que je joue avec les tables et j'ai remarqué que les balises table et tr et td ont un peu d'espace entre elles, comme 1 px ou plus.

Voici donc mon problème:

Il est mon code:

<table id="upload_box_container"> 
    <tr> 
     <td class="border_bottom_1px">hi1</td> 
     <td class="border_bottom_1px">hi2</td> 
    </tr> 
</table> 

(upload_box_container - il est juste la couleur de fond et couleur de la bordure)

(de border_bottom_1px - comme son nom lui donne seulement bordure inférieure avec 1px taille)

et il ya une image de la façon dont il affiche: http://postimage.org/image/16wz2ao78/

Ma question est

• pourquoi il y a un espace entre les deux bords inférieurs

• et pourquoi il y a un espace dans les côtés de la table (comme rembourrage) et les frontières n » t toucher le bord de la table

merci.

Answer 1

Define

table { border-spacing:0; } 

et il devrait rendre de la manière que vous voulez.

Answer 2

Vous devez réinitialiser les styles par défaut appliqués par le navigateur.

Essayez en haut de votre fichier css:

table, table tr, table td { padding:none;border:none;border-spacing:0;} 

Et vérifier dans certains CSS populaire remet à zéro là-bas:

http://meyerweb.com/eric/tools/css/reset/ http://developer.yahoo.com/yui/reset/

Answer 3

Je préfère utiliser cette approche:

table { table-layout:fixed; border-collapse:collapse; }