Как убрать отступ у ячейки таблицы?

Question

[Артур Кох]

Есть следующая конструкция

<table width="100%">
 <tr>
  <th style="font-size: 0; padding: 0;">&nbsp;</th>
  <th width="600" style="padding: 0;">
   <!-- content -->
  </th>
  <th style="font-size: 0; padding: 0;">&nbsp;</th>
 </tr>
</table>

Таким образом мы получаем резиновую таблицу с фиксированной шириной на десктопе и 100% на смартфоне.

Проблема: в Safari пустые `th`-ячейки имеют ширину в 1px
Задача: убрать этот отступ не используя медиазапросы

Answer 1

[Belyh]

Обнули line-height.

Comments

[Артур Кох]

Хорошая попытка, но нет. Ничего не меняется.

Answer 2

[CODALSD]

Если для письма, то как правило нужно прописать в стилях либо для конкретных тегов

* {
margin:0;
padding:0;
border:0;
}

а для тегов таблицы прописать
<table cellpadding="0" cellspacing="0">

Comments

[Артур Кох]

Я верстаю письма с 2011 года и все эти нюансы мне знакомы. Пиксель появляется только на webkit движке. Т.е. только в Safari и Apple Mail клиенте.

В хроме, фаерфоксе, ишаке и во всех других почтовиках проблемы нет. Т.е. по факту пиксель появляется из-за неразрывного пробела. Вот его-то и надо победить. Как - пока не понимаю.

[CODALSD]

Кстати что с килограммом? Я все еще жду ))

[CODALSD]

Артур Кох, у меня в сафари все норм. нет пикселей никаких вроде, поделись скрином

[Артур Кох]

CODALSD, как только, так сразу

скриншот и исходник реального примера здесь https://github.com/hteumeuleu/email-bugs/issues/45

[Евгений]

Артур Кох, у вас там пробел в th, может из за него? и поставьте border=0 у th на всякий случай

[Артур Кох]

Евгений, не помогает :)

Answer 3

[monochromer]

border-spacing: 0;
или
border-collapse: collapse;
возможно, для надежности табличных layout'ов
table-layout: fixed;

Comments

[Артур Кох]

border-spacing и так используется
коллапсирование не решает проблему
table-layout: fixed ломает адаптивность и также не решает вопрос

[monochromer]