Горизонтальный интервал между таблицами-обертками в электронной почте HTML - пробовал различные исправления

Question

У меня есть горизонтальное пространство между двумя таблицами-обертками (только в определенных клиентах, таких как outlook, 2003, 2007, gmail и некоторых других - работает нормально в большинстве клиентов) - ссылка на изображения:

http://jimharrison.co.uk/wp-content/uploads/2013/11/Untitled-1.jpg

Я пробовал:

граница: коллапс; - дисплей: блок; (на изображениях) - valign="top" - удаление пробелов между тегами - сброс полей, отступов и границ таблицы (это выровняло мой контент по левому краю, поэтому нет, нет)

Вполне возможно, что исправление действительно очевидно... - проверьте код и адрес электронной почты здесь:

http://jimharrison.co.uk/wp-content/uploads/2013/11/index.html

Answer 1

Поместите ваш контент в строки таблицы, а не в стекированные таблицы. Вы можете вложить в эти строки таблицы, просто попытайтесь избежать нескольких таблиц в одном родительском элементе (сидя рядом друг с другом в коде).

Кроме того, установите желаемый bgcolor на td строки таблицы, содержащие эти (теперь вложенные) таблицы.

<table width="600" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td bgcolor="#2f1d36">
      <table width="100%" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td>
            this is your purple table
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td bgcolor="#d76118">
      <table width="100%" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td>
            this is your orange table
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table> 

Рекомендуется всегда устанавливать цвет родительского элемента, так как такое расширение неизбежно, когда кто-то пересылает электронное письмо из Outlook. Установка цвета не предотвратит появление пропусков, но скроет белые (или любые другие цвета) созданные полосы / пропуски.