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

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

<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>

и вот css

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

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

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

enter image description here

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

Ответы

Ответ 1

Попробуйте использовать этот CSS:

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

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

Ответ 2

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

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

Ответ 3

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

Ответ 4

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

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

Ответ 5

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

<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>

Ответ 6

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

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

Ответ 7

Используйте блок отображения

style= "display: block";