2015-09-16 3 views
0

Я внимательно посмотрел, но не могу найти виновника на этом. Я понимаю, что кодирование электронных писем похоже на кодирование для Интернета в 1999 году, и каждый клиент игнорирует разные атрибуты, но должен быть тот, о котором я не знаю. Другие почтовые клиенты выглядят отлично, но Outlook, кажется, растягивает ширину контента до 100% независимо от того, что я делаю.Почему Outlook игнорирует мои атрибуты ширины?

Я удалил все экземпляры «рх», применяется width="599" к каждому <table>, <tr> и <td> я мог найти, и удалили все дивы в пользу пролетах, когда это необходимо.

Я понимаю, что повторный width="599" избыточен и, вероятно, не нужен, но сейчас я в отчаянии. Другие вопросы были похожи, и я попытался их решения, но мне пока не повезло. Мой код ниже, если кто-то хочет его просмотреть:

<html> 
<head> 
<title>Ultimate 5K Arena Challenge</title> 
<style type="text/css"> 
body { background: #333333; } 
a:link, a:active, a:visited, a:hover { color: #0033ff; text-decoration: underline; } 
h1 { font-size: 2.4rem; } 
h2 { font-size: 1.3rem; } 
h3 { font-size: 1.4rem; font-weight: 400; } 
h4 { font-size: .9rem; font-style: italic; } 
h5 { font-size: .8rem; font-style: italic; font-weight: 300; } 
h5 a:link, h5 a:visited, h5 a:active, h5 a:hover { color: #999999;} 
.orange { color: #ff5801;} 
.underline { text-decoration: underline} 
</style> 
</head> 
<body> 
<table width="599; text-align:center;" cellpadding="0" cellspacing="0" border="0" align="center" style="text-align:center; font-family:'Calibri', sans-serif; background:#ffffff;"> 
<tr width="599;"> 
<td width="599;"><a href="http://ultimate5k.mabeecenter.com/" target="_blank"><img src="http://mabeecenter.com/ultimate5k/storage/Eblast/Student%20Instructions/Assets/header.jpg"></a></td> 
</tr> 
<tr width="599;"> 
<td width="599;" style="background:#ffffff; padding:1rem; color:#222222;"> 
<p><em><small>Please pass this on to other students!</small></em></p> 
<h2>Oral Roberts University 50th Anniversary</h2> 
<h1>Ultimate 5K Arena Challenge</h1> 
<h3>Saturday, October 24, 2015 @ 8:30 AM</h3> 
<h4 class="orange">HPE Extra Credit Available for ORU Students!</h4> 
<span align="left"> 
<p>Students,</p> 
<p>If you haven't yet heard, our traditional Fun Run has partnered with the ORU 50th Anniversary Ultimate 5K Arena Challenge! This is a real community 5K race that we're encouraging all students to participate in. Just like in years past, you will be able to receive <strong class="orange">EXTRA CREDIT</strong> in participating HPE courses for completing this year's race.</p> 
<p>There are a few minor changes that we'd like to make you aware of: 
<br /><ol> 
<li>You may register online now at <a href="http://ultimate5k.mabeecenter.com/" target="_blank">Ultimate5K.MabeeCenter.com</a></li> 
<li class="orange">To receive the student discount, you must use password: <span class="underline">funrun</span></li> 
<li>Alternatively, you may download our student cash-only form from our <a href="http://ultimate5k.mabeecenter.com/students/" target="_blank">Students page</a> and register in person at the Mabee Center Ticket Office from September 14th to October 16th (M-F, 10 AM - 5 PM). For more registration information, please visit our <a href="http://ultimate5k.mabeecenter.com/event/" target="_blank">Event Info page</a>.</li> 
<li>You may also obtain our cash-only form from the Health, Leisure, and Sport Science Department at the Aerobics Center</li> 
<li>Just like a real community 5K, packet and T-shirt pickup will begin the week prior to the event (Oct. 17-23). Don't worry, we'll remind you via email!</li> 
</ol></p> 
<p>If you have any questions, please feel free to contact your HPE instructor or refer to <a href="http://ultimate5k.mabeecenter.com/" target="_blank">Ultimate5K.MabeeCenter.com</a></p> 
<p>By the way, don't forget to smile when you cross the finish line - you'll be on our Jumbo Mabee Vision Screen! Also, your race results will be available online immediately at <a href="http://ultimate5k.mabeecenter.com/" target="_blank">Ultimate5K.MabeeCenter.com</a>. We look forward to seeing you at the race!</p> 
<h4>Dr. Fritz Huber, Chair of Health, Leisure, and Sport Science Department</h4> 
</span> 
</td> 
</tr> 
<tr width="599;"> 
<td width="599;"><a href="http://ultimate5k.mabeecenter.com/" target="_blank"><img src="http://mabeecenter.com/ultimate5k/storage/Eblast/Student%20Instructions/Assets/footer.jpg"></a></td> 
</tr> 
</table> 
</body> 
</html> 

Любая помощь будет принята с благодарностью!

+0

Действительно ли стоит потратить столько времени на то, чтобы получить отображение в MS-Outlook, аналогичное тому, которое предлагает другие почтовые клиенты, когда становится ясно, что одна из наиболее важных деталей MS-Outlook заключается в том, что она была намеренно разработана быть несовместимым со стандартами? _Что для? _ Существует мало смысла в кодировании вещей для клиентов, которые не соответствуют стандартам. Вы инвестируете и платите за то, что было задачей MS. Не. – arkascha

ответ

0

Большинство почтовых клиентов в Интернете и некоторые приложения электронной почты игнорируют весь заголовок сообщений электронной почты, включая определения стилей, поэтому разбивают определения классов.

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

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

style="width:600;" 

Монитор кампании имеет некоторые хорошие рекомендации по кодированию и css в электронных письмах.

This is a good starting point.

+0

Я думаю, что это был трюк, спасибо Henkealg! – drewhagni

+0

Хорошо, что вы его решили. Пожалуйста, отметьте ответ, как принято, чтобы закрыть вопрос. – Henkealg

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