2015-03-10 5 views
0

У меня возникли проблемы с созданием электронной почты HTML для Outlook 2013. Во всех других почтовых клиентах таблица отображается правильно (даже Outlook Web App) с правильной шириной таблицы и изображений. Но в Outlook 2013 вся таблица, включая изображения, сжимается.Проблема с шириной электронной почты HTML в Outlook 2013

Ниже я опубликовал первый бит моего кода. Поэтому я уже завернул фактическую таблицу с содержимым электронной почты, поместил все CSS в строку и объявил ширину без «px». Я не знаю, что еще нужно попробовать.

<!doctype html> 
<head> 
<meta charset="UTF-8"> 
<title>HTML Email</title> 
</head> 
<body bgcolor="#eeeeee" style="font-family: Arial, sans-serif; font-size: 13px; line-height: 20px;"> 
<table cellpadding="0" cellspacing="0" border="0" align="center"><tr><td width="100%"> 
    <table border="0" cellpadding="0" cellspacing="0" style="background-color: #ffffff; border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; border:0 none; border-radius:0;"> 
     <tr> 
      <td width="596" colspan="2" align="center" valign="middle" style="font-family: Arial, sans-serif; font-size: 11px; color: #000000; padding: 5px;">Click here if this email isn't displayed properly.</td> 
     </tr> 
     <tr> 
      <td width="50%" align="left "><img src="logo.png" width="150" height="48" /></a></td> 
      <td width="50%" align="right"><img src="personen.png" width="70" height="70" />&nbsp;<img src="bord.png" width="70" height="70" />&nbsp;<img src="brood.png" width="70" height="70" /></td> 
     </tr> 
     <tr> 
      <td width="596" colspan="2"><img src="visual.png" height="235" width="596" /></td> 
     </tr> 
     <tr> 
      <td width="596" colspan="2" style="padding: 20px;"> 

ответ

0

Outlook использует Word в качестве редактора электронной почты. Вы можете читать о поддерживаемых и неподдерживаемых HTML элементы, атрибуты и каскадные таблицы стилей свойства в следующей серии статей в MSDN:

Смежные вопросы