Why does my email look bad in Outlook?
You may have noticed emails viewed in Outlook look different from emails viewed in other email clients like Gmail, Yahoo, etc. Newer versions of Outlook, including Outlook 2007 and Outlook 2010 use the Microsoft Word rendering engine for displaying HTML email. This sometimes causes spacing, image and font issues within the email when content falls at or near where a page break would be on a printed sheet of paper.

Here are some tips to help correct the issues:

Spacing - This is the most common problem.
Issue: If double spacing is used in your email, additional line breaks may be seen between paragraphs. If a large amount of text/images are included, random areas of white space may be seen at or around text/images due to where the content is located in the email. It may be on a page break within Outlook.
 
Resolution: Try setting a break right BEFORE the spacing issue, using style="page-break-before: always". For example, if the issue is right on a certain table row, then make that <tr> into:<tr style="page-break-before: always">. Adding paragraph tags may also help to move the data.
 
Images
Issue: Spaces may appear before/after your images, as mentioned above, and sometimes a duplicate image appears too. If the image is at or around a page break, Outlook may force it to the next page with additional spaces and sometimes the image is duplicated making it appear both before and after the page break.
 
Resolution: Try adding content before the image to push it past the page break or tell Outlook to break the page BEFORE the issue, using style="page-break-before: always" 
 
Fonts
Issue: If you chose 'Paste HTML' and applied customized code, it's possible incorrect fonts may be displayed in Outlook.
 
Resolution: Recheck your font style on the parent element of your text.
  
Important Note: Retest, retest, retest the email after applying changes to find which ones work best.
 
SEARCH