Как убрать отступы между ячейками и границами таблицы, при этом оставить отступ между ячейками?

Question

[Руслан Галиев]

Как убрать отступы в местах, отмеченных стрелкой?

.main-dostavka-container{
display:table;
border-collapse: separate; 
border-spacing: 20px 0px; }

.main-dostavka{
display:table-cell;
width:33%;
padding:3%;
}

Comments

[Сергей delphinpro]

Добавить еще один враппер
.main-dosavka-wrapper { margin-left: -10px, margin-right: -10px; }

[Сергей delphinpro]

Так устроены многие сетки, если вы их использовали, должны знать.

[Руслан Галиев]

Сергей: Спасибо, заработало. Отрицательный марджин нормально работает во всех современных браузерах?

[Сергей delphinpro]

Руслан Галиев: и даже в несовременных =)

Answer 1

[Stalker_RED]

border-collapse и border-spacing управляют отступами вокруг каждой ячейки, и не делают различий для крайних ячеек. margin к ячейкам вообще не применяется.

Возможно вас устроит вариант с костылями при помощи padding.

table {
  border-collapse: collapse; /* убираем отступы совсем */
}
td:not(:last-child) {
  padding: 0 10px 0 0; /* для всех ячеек кроме последней добавяем паддинг справа */
}

https://jsfiddle.net/4vxdhk0L/
https://jsfiddle.net/4vxdhk0L/1/

Comments

[Руслан Галиев]

Спасибо, попробую чуть позже. Пока что сработал вариант с оборачиванием в контейнер с отрицательными боковыми марджинами.