Таблицы не будут отображать живую почту встроенных окон

Question

Я делаю новостную рассылку. Я не могу заставить его работать в Windows Live Mail (внешний вид не похож на версию браузера).

Мой код прост: вот так:

<table width="600">
<tr>
    <td width="600">
        <table width="300"><tr><td>SQUARE 1</td></tr></table>
        <table width="275"><tr><td>SQUARE 2</td></tr></table>

        <table width="300"><tr><td>SQUARE 1</td></tr></table>
        <table width="275"><tr><td>SQUARE 2</td></tr></table>

        <table width="300"><tr><td>SQUARE 1</td></tr></table>
        <table width="275"><tr><td>SQUARE 2</td></tr></table>
    </td>
</tr>
</table>

Я ожидаю что-то вроде этого (что происходит почти во всех почтовых программах):

[SQUARE 1][SQUARE 2]

[SQUARE 1][SQUARE 2]

[SQUARE 1][SQUARE 2]

Что дает мне Windows Live Mail:

[SQUARE 1][SQUARE 2][SQUARE 1][SQUARE 2][SQUARE 1][SQUARE 2]

Я также установил ширину тела (встроенную) на 600, не имеет значения. И установить квадраты от двух до 300 тоже не дали, давая обо всем, что мог width="600" не имеет значения У меня нет идей, кто-нибудь?
Когда я просматриваю источник в своем браузере, он выглядит идеально. Квадраты должны быть таблицами, я не могу сделать <tr><td>[SQUARE 1]</td><td>[SQUARE 2]</td></tr> потому что он динамический, он может иметь нечетное количество квадратов

Изменить: я проверил на htmlerrors, кроме "не использовать ширину / высоту / выравнивать встроенные атрибуты" это нормально.

Answer 1

Вам также нужно добавить немного CSS, если вы хотите искусственные столбцы:

table table
{
    float: left;
}

Answer 2

Вы повторили табличный тег внутри таблицы. Используйте это вместо:

<table width="600">
<tr>
    <td width="300">SQUARE 1</td><td width="275">SQUARE 2</td>
</tr>
<tr>
    <td width="300">SQUARE 1</td><td width="275">SQUARE 2</td>
</tr>
<tr>
    <td width="300">SQUARE 1</td><td width="275">SQUARE 2</td>
</tr>
</table>