<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>emailcenter - email marketing blog &#187; email rendering</title>
	<atom:link href="http://www.emailcenteruk.com/blog/tag/email-rendering/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.emailcenteruk.com/blog</link>
	<description>Emailcenter&#039;s email marketing best practice blog</description>
	<lastBuildDate>Thu, 27 Oct 2011 07:00:38 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>V6 Preview &#8211; New HTML Template Editor</title>
		<link>http://www.emailcenteruk.com/blog/2011/05/v6-preview-new-html-template-editor/</link>
		<comments>http://www.emailcenteruk.com/blog/2011/05/v6-preview-new-html-template-editor/#comments</comments>
		<pubDate>Tue, 03 May 2011 15:16:37 +0000</pubDate>
		<dc:creator>Sean Duffy</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[New features & Updates]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Email Marketing]]></category>
		<category><![CDATA[email rendering]]></category>
		<category><![CDATA[hints]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[html email]]></category>
		<category><![CDATA[maxemail]]></category>
		<category><![CDATA[Optimisation]]></category>

		<guid isPermaLink="false">http://blog.emailcenteruk.com/?p=1581</guid>
		<description><![CDATA[The existing HTML editor in Maxemail is staying, but we are giving our users another option for producing their HTML email creative. The video below demonstrates this, but here is a summary of the key benefits of this additional editing option: Editable Regions &#8211; certain areas of the template can be restricted so they cannot [...]]]></description>
			<content:encoded><![CDATA[<p>The existing HTML editor in Maxemail is staying, but we are giving our users another option for producing their HTML email creative.</p>
<p>The video below demonstrates this, but here is a summary of the key benefits of this additional editing option:</p>
<ul>
<li>Editable Regions &#8211; certain areas of the template can be restricted so they cannot be changed, helping you maintain brand guidelines and ensure code is not broken.</li>
</ul>
<ul>
<li>Content Library &#8211; populate the Content Snippets Library in Maxemail with content and then this is all available to insert into your email with a couple of clicks. You can even integrate your existing website or product databases, so every product or holiday you offer is available as an item for you to drop in. This dramatically reduces the build time on an email.</li>
</ul>
<ul>
<li>Drag and Drop Interface &#8211; move content around with point and click, rather than the unreliable method of copying and pasting.</li>
</ul>
<p><object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,115,0'width='591' height='360'><param name='movie' value='http://cdn.screenr.com/public/1.0/flash/screenr.swf' /><param name='flashvars' value='i=206882&#038;h=t&#038;svr=http://www.screenr.com/&#038;vEmbed=&lt;iframe src=&quot;http://www.screenr.com/embed/33a&quot; width=&quot;591&quot; height=&quot;360&quot; frameborder=&quot;0&quot;&gt;&lt;/iframe&gt;' /><param name='allowFullScreen' value='true' /><param name='wmode' value='opaque' /><embed wmode='opaque' src='http://cdn.screenr.com/public/1.0/flash/screenr.swf' flashvars='i=206882&#038;h=t&#038;svr=http://www.screenr.com/&#038;vEmbed=&lt;iframe src=&quot;http://www.screenr.com/embed/33a&quot; width=&quot;591&quot; height=&quot;360&quot; frameborder=&quot;0&quot;&gt;&lt;/iframe&gt;' allowFullScreen='true' width='591' height='360' pluginspage='http://www.macromedia.com/go/getflashplayer'></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://www.emailcenteruk.com/blog/2011/05/v6-preview-new-html-template-editor/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The new version of Hotmail causes rendering issues &#8211; use our fix</title>
		<link>http://www.emailcenteruk.com/blog/2010/07/the-new-hotmail-breaks-all-of-your-emails-%e2%80%93-unless-you-use-our-fix/</link>
		<comments>http://www.emailcenteruk.com/blog/2010/07/the-new-hotmail-breaks-all-of-your-emails-%e2%80%93-unless-you-use-our-fix/#comments</comments>
		<pubDate>Thu, 29 Jul 2010 14:13:41 +0000</pubDate>
		<dc:creator>Simon Bannister</dc:creator>
				<category><![CDATA[Observations & Answers]]></category>
		<category><![CDATA[Tips & Resources]]></category>
		<category><![CDATA[display]]></category>
		<category><![CDATA[Email Marketing]]></category>
		<category><![CDATA[email rendering]]></category>
		<category><![CDATA[hints]]></category>
		<category><![CDATA[Hotmail]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[html email]]></category>

		<guid isPermaLink="false">http://blog.emailcenteruk.com/?p=1139</guid>
		<description><![CDATA[The new Hotmail is quickly being rolled out across the Hotmail user base. However not without a significant issue for email marketers. One of the first things we have noticed is the alignment of your email and some background colours are missing when using a user reads your email in Firefox, Chrome, Safari or any [...]]]></description>
			<content:encoded><![CDATA[<p>The new Hotmail is quickly being rolled out across the Hotmail user base.</p>
<p>However not without a significant issue for email marketers.</p>
<p>One of the first things we have noticed is the alignment of your email and some background colours are missing when using a user reads your email in Firefox, Chrome, Safari or any other browser which is not IE.</p>
<p>This is nearly 70% of Internet users according to <a title="w3schools.com" href="http://www.w3schools.com/browsers/browsers_stats.asp" target="_blank">w3schools.com</a></p>
<p>Here is an old versus new Hotmail example on an email:<span id="more-1139"></span></p>
<h3>Old version of Hotmail:</h3>
<p><img class="alignleft size-full wp-image-1172" title="hotmail9" src="http://blog.emailcenteruk.com/wp-content/uploads/2010/07/hotmail9.jpg" alt="hotmail9" width="591" height="374" /></p>
<h3>New version of Hotmail:</h3>
<p><img class="alignleft size-full wp-image-1156" title="hotmail1" src="http://blog.emailcenteruk.com/wp-content/uploads/2010/07/hotmail11.jpg" alt="hotmail1" width="591" height="374" /></p>
<p>As you can see it looks like the email is now left aligned and the grey background has gone. What has actually happened is Hotmail will only display your email as wide as the maximum defined width in pixels – either from a table width in pixels or the width of the widest image &#8211; whichever is wider.</p>
<p>So if you have a containing table used to help set alignment and background colours at a width of 100% it won’t work. If your inner table which is set to a fixed width rather than a percentage of say 600 pixels then that is the width your entire email will be shown as.</p>
<p>So the background colour and alignment is as we defined but your 100% width table will only be 600 pixels wide and therefore none of it will be shown.</p>
<h3>Why does it do this?</h3>
<p>Essentially Hotmail has some code on the page which will always render the width of the email as the maximum fixed width you defined.</p>
<h3>How do I fix it?</h3>
<p>You could force the containing table to be say 900 pixels – but those viewing it in low screen resolutions or only a partial screen will not be able to see your full email. Indeed Hotmail even prevents you from scrolling to see these parts.</p>
<p>What you need to do is tell Hotmail to change it’s code and you can do that with a CSS reference. The items that restrict the width are much further up the page.</p>
<p>Simply put this CSS within your email and this will fix the issue:<span style="color: #ff0000;"><strong></strong></span></p>
<p><strong></strong><strong><span style="color: #ff0000;">&lt;STYLE type=&#8221;text/css&#8221;&gt;<br />
.ReadMsgBody<br />
{ width: 100%;}<br />
.ExternalClass<br />
{width: 100%;}<br />
&lt;/STYLE&gt;</span></strong></p>
<p>This tells your browser to change the code that Hotmail uses to restrict your email width.<br />
And to prove it works here is the email with the fix:</p>
<h3>New version of Hotmail (Email Fixed):</h3>
<p><img class="alignleft size-full wp-image-1163" title="hotmail3" src="http://blog.emailcenteruk.com/wp-content/uploads/2010/07/hotmail3.jpg" alt="hotmail3" width="591" height="374" /></p>
<p>Sign-up to our newsletter at the bottom of the page to learn more about these valuable insights as we find them.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.emailcenteruk.com/blog/2010/07/the-new-hotmail-breaks-all-of-your-emails-%e2%80%93-unless-you-use-our-fix/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Outlook 2007: Rendering considerations</title>
		<link>http://www.emailcenteruk.com/blog/2009/12/outlook-2007-rendering-considerations/</link>
		<comments>http://www.emailcenteruk.com/blog/2009/12/outlook-2007-rendering-considerations/#comments</comments>
		<pubDate>Tue, 01 Dec 2009 14:18:29 +0000</pubDate>
		<dc:creator>Simon Bannister</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[Tips & Resources]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[display]]></category>
		<category><![CDATA[Email]]></category>
		<category><![CDATA[Email Marketing]]></category>
		<category><![CDATA[email rendering]]></category>
		<category><![CDATA[hints]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[html email]]></category>
		<category><![CDATA[images]]></category>
		<category><![CDATA[Optimisation]]></category>
		<category><![CDATA[Outlook]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[vlog]]></category>

		<guid isPermaLink="false">http://blog.emailcenteruk.com/?p=841</guid>
		<description><![CDATA[The newest member of the Emailcenter team (Simon) talks about the main issues to consider when trying to get your marketing emails to render correctly in Outlook 2007.]]></description>
			<content:encoded><![CDATA[<p><object type="application/x-shockwave-flash" data="http://www.youtube.com/v/kRrGKs76kJI&#038;fs=1" width="598" height="336"><param name="movie" value="http://www.youtube.com/v/kRrGKs76kJI&#038;fs=1" /><param name="FlashVars" value="playerMode=embedded"/><param name="wmode" value="transparent"/></object></p>
<p>The newest member of the Emailcenter team (Simon) talks about the main issues to consider when trying to get your marketing emails to render correctly in Outlook 2007.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.emailcenteruk.com/blog/2009/12/outlook-2007-rendering-considerations/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Outlook 2010 Rendering Compatibility</title>
		<link>http://www.emailcenteruk.com/blog/2009/07/outlook-2010-rendering-compatibility/</link>
		<comments>http://www.emailcenteruk.com/blog/2009/07/outlook-2010-rendering-compatibility/#comments</comments>
		<pubDate>Thu, 16 Jul 2009 11:48:23 +0000</pubDate>
		<dc:creator>Chris Minett</dc:creator>
				<category><![CDATA[Tips & Resources]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[email rendering]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[images]]></category>
		<category><![CDATA[Outlook]]></category>

		<guid isPermaLink="false">http://blog.emailcenteruk.com/?p=272</guid>
		<description><![CDATA[The launch of the Microsoft Office 2010 is pencilled for next year (surprising to see the dates matching!) and the first release for testing &#8211; the Technical Preview, which is invite-only &#8211; has been released. This has generated a fair bit of talk between email designers, due to the notorious perceived failings of Outlook 2007&#8242;s [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright size-full wp-image-337" title="outlook2010" src="http://blog.emailcenteruk.com/wp-content/uploads/2009/07/outlook2010.jpg" alt="outlook2010" width="245" height="53" />The launch of the Microsoft Office 2010 is pencilled for next year (surprising to see the dates matching!) and the first release for testing &#8211; the Technical Preview, which is invite-only &#8211; has been released.</p>
<p>This has generated a fair bit of talk between email designers, due to the notorious perceived failings of Outlook 2007&#8242;s HTML rendering, and whether this will be continued in Outlook 2010. There has even been a bit of a storm whipped up on Twitter, due to the aim of <a title="fixoutlook.org" href="http://fixoutlook.org" target="_blank">fixoutlook.org</a> to send a rather loud message to the chaps at Microsoft.</p>
<p><span id="more-272"></span>As a quick recap, for Outlook 2007, Microsoft took the decision to use the HTML rendering engine (which reads the code and decides how to place elements on the page) from Microsoft Word, as this is also the system that is used to <em>write</em> emails within Outlook. Of course, this synergy between creation and display has obvious benefits for Outlook users, who can be sure of how their email is going to appear when it reaches its recipient (as long as they are also using Outlook!?)</p>
<p>However the problems arise when we realise that the rendering engine within Word has some serious failings (think: <span style="color: #3066ad;"><strong>float</strong></span> and <span style="color: #3066ad;"><strong>background-image</strong></span>), and in <a title="Microsoft Developer Documentation" href="http://msdn.microsoft.com/en-us/library/aa338201.aspx" target="_blank">Microsoft&#8217;s own words</a>, is detailed as supporting:</p>
<blockquote><p>&#8220;a <em>subset</em> of the standard HTML 4.01 specification, [...] the Internet Explorer 6.0 HTML specification [and] a <em>subset</em> of the standard Cascading Stylesheet Specification, Level 1.&#8221;</p></blockquote>
<p>So this means that designers of HTML email have a hard time getting emails to render as desired in Outlook 2007, not only with some features not displaying (such as background images and animated GIFS), but with attributes like font size, margin and padding having different effects from the behaviour expected from a standards-compliant web browser.</p>
<p>Of course, designers would like the opportunity of a new Outlook version to address these issues, and there was even a <a href="http://blogs.msdn.com/outlook/archive/2009/06/24/the-power-of-word-in-outlook.aspx" target="_blank">response</a> from a senior member of the Microsoft Office team. He largely centred on the compatibility of sending and receiving Word-based emails within Outlook, but proceeded to write that there were no defined standards for HTML in email. True, the Email Standards Project doesn&#8217;t have any official standing, but surely the web standards that define HTML are enough!? Another developer in the Microsoft Office team <a title="Tyler Butler" href="http://www.tylerbutler.com/2009/07/follow-up-on-outlook-htmlcss-post/" target="_blank">thinks so</a>, and has submitted an internal bug report to that extent, although he does not work directly on the Outlook project.</p>
<p>Many of the campaigners go too far in my opinion, by asking for the Internet Explorer engine to be used, as it was in versions of Outlook preceeding 2007. I would much rather see the Word engine improved to the point of complying with web standards. Of course, we only have to look at Internet Explorer to realise that wish would be an impossibility, but surely it would be reasonable to expect Outlook/Word to support the same feature set as the recently superceeded IE7?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.emailcenteruk.com/blog/2009/07/outlook-2010-rendering-compatibility/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

