Удалите всю таблицу дополнений и полей HTML и CSS

У меня есть эта таблица:

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

и вот css

html, body, #page {
 height:100%;
 width:100%;
 margin:0;
 padding:0;
}
#header {
 margin:0;
 padding:0;
 height:20px;
 background-color:green;
}

и я хочу удалить все поля и отступы, но всегда у меня это:

Как я могу это решить?

6 ответов

Попробуйте следующее:

#page td {
 padding:0; margin:0;
}
#page {
 border-collapse: collapse;
}


Попробуйте следующее:

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


Удалите прокладку между ячейками внутри таблицы. Просто используйте атрибуты cellpadding=0 и cellspacing=0 в теге таблицы.


Таблицы - это нечетные элементы. В отличие от div у них есть специальные правила. Добавьте атрибуты cellspacing и cellpadding, установите на 0, и это должно устранить проблему.


Я нахожу наиболее совершенный рабочий ответ:

.noBorder {
 border: 0px;
 padding:0; 
 margin:0;
 border-collapse: collapse;
}


Попробуйте использовать тело тега, чтобы удалить все магины и дополнения, которые вы хотите.

<table border="1" width="100%" cellpadding="0" cellspacing="0" bgcolor="green">
 <tbody><tr>
 <td> </td>
 <td> </td>
 </tr>
 <tr>
 <td> </td>
 <td> </td>
 </tr>
 <tr>
 <td> </td>
 <td> </td>
 </tr>
 </tbody></table>

licensed under cc by-sa 3.0 with attribution.