85 votes

Supprimer tous les tableaux de padding et de marginalisation HTML et CSS

J'ai cette table :

<body>
    <table id="page" >
        <tr id="header" >
            <td colspan="2" id="tdheader" >je suis</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
        </tr>
    </table>
</body>

et voici la css

html, body, #page {
    height:100%;
    width:100%;
    margin:0;
    padding:0;
}

#header {
    margin:0;
    padding:0;
    height:20px;
    background-color:green;
}

et je veux supprimer toutes les marges et tous les espaces, mais j'ai toujours ce :

enter image description here

Comment puis-je résoudre ce problème ?

153voto

wroniasty Points 2803

Essayez d'utiliser ce CSS :

/* Apply this to your `table` element. */
#page {
   border-collapse: collapse;
}

/* And this to your table's `td` elements. */
#page td {
   padding: 0; 
   margin: 0;
}

21voto

zoom23 Points 634

Essayez ceci :

table { 
border-spacing: 0;
border-collapse: collapse;
}

7voto

yoko Points 71

Utiliser un bloc d'affichage

style= "display: block";

6voto

memer Points 85

Les tableaux sont des éléments bizarres. Contrairement à div ils sont soumis à des règles particulières. Ajouter cellspacing y cellpadding et les attributs, fixés à 0 et le problème devrait être résolu.

<table id="page" width="100%" border="0" cellspacing="0" cellpadding="0">

6voto

Vanda Ros Points 87

Essayez d'utiliser la balise body pour supprimer toutes les marges et tous les espaces libres comme vous le souhaitez.

<body style="margin: 0;padding: 0">
    <table border="1" width="100%" cellpadding="0" cellspacing="0" bgcolor=green>
        <tr>
            <td >&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td >&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td >&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
    </table>
</body>

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X