CSS-заполнение таблицы по умолчанию или поля

Question

Сегодня я впервые играю со столами и заметил, что между тегами table и tr и td есть небольшое расстояние, например, 1 пиксель или около того.

Итак, вот мойпроблема:

Вот мой код:

<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 - это просто цвет фона и цвет границы)

(border_bottom_1px - так как это имя дает только нижнюю границус размером 1px)

, и есть изображение того, как оно отображается: http://postimage.org/image/16wz2ao78/

Мой вопрос

• Почему междудве нижние границы

• и почему по бокам стола есть пространство (например, для заполнения), а границы не касаются границы таблицы

спасибо.

Answer 1

Определите

table { border-spacing:0; }

, и он должен отображаться так, как вы хотите.

Answer 2

Необходимо сбросить стили по умолчанию, применяемые браузером.

Попробуйте в верхней части файла CSS:

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

И проверьте некоторые популярные CSS-перезагрузки:

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

Answer 3

Я предпочитаю использовать этот подход:

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