Newer versions of Outlook, including Outlook 2007 and Outlook 2010, use Microsoft Word to render HTML email. Word doesn't render a lot of common HTML, so what you see in your web browser may not be what you're seeing when the email arrives in your Outlook inbox. It shouldn't be too far off from what you designed, but there are a few common issues:
Spacing is the most common problem when sending HTML emails to Outlook. This includes line spacing and padding/margins, such as around images.
- If you use double spacing, you might see additional line breaks between paragraphs.
- If you have a lot of content, along with images, you may see seemingly random white space when the email arrives in your inbox. Outlook checks how your email will appear when printed, and may add extra spacing above an image if the image would print on two separate pages. An image on two pages isn't good, so Outlook adds space before the image to ensure that the image is all on one page.
If you've coded your own template and you're seeing incorrect fonts in Outlook, make sure you've set your font styles on the parent element of your text. If you're using our templates, we've taken care of this for you, so you generally won't see this. However, if you've used the style editor to set a font, and then set another font in the content editor by highlighting the text and making changes, things could appear differently in Outlook since Outlook doesn't follow standard conventions for resolving conflicts between styles. The best bet is to use the Campaign Builder's style options to set your fonts, sizes, and spacing. Here's more information on editing styles in the Campaign Builder.
If you added a large image and just changed the dimensions in MailChimp, chances are Outlook will ignore this change and display your image at its original size because the Word HTML rendering doesn't handle image resizing very well. You can edit images within MailChimp, including resizing them, to help ensure that they'll display properly.