Элементы HTML-таблицы Outlook 2007 td

Я пытаюсь сделать информационный бюллетень совместимым с Outlook 2007, но механизм рендеринга Outlook не очень логичен. Следующий код не создает границы шириной в 1 пиксель, как в Firefox и других механизмах рендеринга, но добавляет дополнительное пространство между некоторыми из этих td-элементов. Есть ли обходной путь для этой проблемы?

<table>
<tr>

<td width="0" style="border-left: 1px solid #cdcdcd; border-bottom: 0px none; border-top: 0px none; margin: 0;" ></td>
<td width="0" style="border-left: 1px solid #c1c1c1; border-bottom: 0px none; border-top: 0px none; margin: 0;" ></td>
<td width="0" style="border-left: 1px solid #adadad; border-bottom: 0px none; border-top: 0px none; margin: 0;" ></td>
<td width="0" style="border-left: 1px solid #949494; border-bottom: 0px none; border-top: 0px none; margin: 0;" ></td>

<td width="100%" bgcolor="white">
content here
</td>

<td width="0" style="border-right: 1px solid #949494; border-bottom: 0px none; border-top: 0px none; margin: 0;" ></td>
<td width="0" style="border-right: 1px solid #adadad; border-bottom: 0px none; border-top: 0px none; margin: 0;" ></td>
<td width="0" style="border-right: 1px solid #c1c1c1; border-bottom: 0px none; border-top: 0px none; margin: 0;" ></td>
<td width="0" style="border-right: 1px solid #cdcdcd; border-bottom: 0px none; border-top: 0px none; margin: 0;" ></td>

</tr>
</table>

html html-table outlook rendering outlook-2007
person Community    schedule 15.05.2009    source источник
comment
Также см. ссылки в этом ответе: stackoverflow.com/questions/868073/   -  person David Schmitt    schedule 15.05.2009
comment
Вот как это выглядит в Outlook 2007 ›› i44.tinypic.com/8zmxhj.jpg   -  person    schedule 15.05.2009

Ответы (5)


arrow_upward
3
arrow_downward

Я просто установил border-collapse:"collapse", Cellspacing="0", cellpadding = "0" в своем Outlook 2007, и это помогло.

person Dasha Salo    schedule 15.05.2009
comment
Можете ли вы сказать мне, к каким элементам вы присваиваете эти значения, потому что я все еще получаю ошибки с этими атрибутами... - person ; 15.05.2009
comment
Этот ответ согласуется с эта запись в блоге, но добавление атрибутов border/cellpadding/cellspacing=0 и border-collapse:collapse в таблицу (и т.д., согласно этой статье) не решило проблему для меня. - person Phrogz; 31.10.2011

arrow_upward
2
arrow_downward

<table cellspacing = "0"> решит вашу проблему, если я правильно ее понял

person Silviu Postavaru    schedule 15.05.2009
comment
Нет, потому что это выглядит как случайные пробелы между td-элементами - person ; 15.05.2009

arrow_upward
2
arrow_downward

Вы пытались установить для таблицы «граница-коллапс: коллапс»?

Очень полезное руководство, показывающее, какие свойства CSS поддерживаются в Outlook 07/03: http://www.campaignmonitor.com/blog/post/2533/a-guide-to-css-support-in-emai-2/#pc

person peirix    schedule 15.05.2009

arrow_upward
1
arrow_downward

Вы можете попробовать сделать свой информационный бюллетень с помощью Word 2007, сохранив его как HTML, а затем настроив его (удалив ненужные вещи) для остальных почтовых клиентов.

Outlook (‹2007) по умолчанию использует Trident, механизм IE для входящей почты и механизм рендеринга Word HTML для исходящей почты... До Office 2007, и люди его ненавидят.

Теперь он использует визуализацию Word 2007. , которого скорее не хватает. На странице Microsoft вы можете увидеть атрибуты, которые вы можете использовать.

person Esteban Küber    schedule 06.08.2009

arrow_upward
0
arrow_downward

У меня была эта проблема раньше. Чтобы он правильно отображался в Outlook, он должен быть таким:

<td style="border:solid windowtext 1.0pt;">

чтобы границы появились.

Это немного странно, но это Microsoft для вас.

person Community    schedule 12.08.2009