CSS Styling не будет работать в Outlook 2010? - PullRequest
Новая
       1

CSS Styling не будет работать в Outlook 2010?

10 голосов
/ 29 ноября 2011

Если я использую стилизацию в моем мировоззрении, она не будет работать.

как я могу это исправить?Я говорю об этом коде стиля: 

<div id="BodyID" Style=" word-spacing:2px;  min-width:0px; min-height:0px;max-width:693px; max-height:490px;  height:485px; background-color:#f4f4f4; border:1px solid #e4e4e4; font-family:Arial;">

Ответы [ 5 ]

26 голосов
/ 29 ноября 2011

К сожалению, Outlook поддерживает нечто примерно эквивалентное IE5-совместимому HTML. Это действительно ужасно. Вот подробная статья MSDN о возможностях рендеринга HTML и CSS в Word 2007 в Outlook 2007 , которая, я не думаю, сильно изменилась для Outlook 2010.

Честно говоря, единственный способ, которым я смог заставить Outlook выглядеть так, как я хочу, - это вручную генерировать HTML, используя примерно стандартные теги и свойства HTML2 и вообще не используя CSS. Некоторые CSS визуализируются, но это действительно попадание или пропуск.

10 голосов
/ 29 ноября 2011

Может быть, это может помочь http://www.campaignmonitor.com/css/ Это таблица, которая поддерживается в электронной почте

редактировать
min|max-width|height не поддерживается

3 голосов
/ 20 декабря 2011

http://htmlemailboilerplate.com/

Я использую это в качестве основы для моих кампаний по электронной почте в формате HTML.

И ссылка yunzen, размещенная на мониторе кампании, является отличным ресурсом.

2 голосов
/ 20 декабря 2011

Статья MSDN superlime, на которую ссылаются, рассказывает грустную историю: по каким-то непонятным причинам Microsoft почти 10 лет вернулась к обработке электронной почты в формате HTML с Outlook2007 и не сочла нужным ее исправить в 2010 году. .

Потрудившись спроектировать хорошо отформатированный макет HTML для остальной части вселенной почтовых пользовательских агентов, я вижу один спасительный обходной путь, к которому я собираюсь направить своих пользователей, а не тратить мое время пытается восстановить древний HTML:

Используйте опцию ПРОСМОТР БРАУЗЕРА , которую Outlook предлагает для чтения сообщений электронной почты. Это повторно собирает HTML как задумано.

0 голосов
/ 11 мая 2015

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

Пример: Ссылка 

<table border="0" cellspacing="0" width="100%">
    <tr>
        <td></td>
        <td width="400">
            <table border="1" cellspacing="0" width="100%">
                <tr>
                    <td>
                        Content here...
                    </td>
                </tr>
            </table>
        </td>
         <td></td>
     </tr>
</table>
...