I ran into (yet another) annoying Outlook 2016/2013 bug today. I had an image inside a table. I had the table aligned left. When reviewing in Outlook 2016/2013, the table containing the image was clipping over the text that was wrapping around it. Essentially, it was coving up the first letter of each word that was immediately to the left of the table. Luckily, I was able to find the fix on Campaign Monitor's blog.
Alas and alack, MS Outlook 2016 continues the trend of of being awful at rendering CSS and HTML for emails. Here are some great tips for coding to (or around) 2016's particular set of rendering bugs
Anyone who has had the "pleasure" of designing email has probably come to one very poignant conclusion: MS Outlook is terrible at rendering CSS and HTML for emails. The reason for this is that, starting with Outlook 2007, Microsoft thought it would be a reall great idea to stop rendering HTML email with the Internet Explorer engine, and instead render it with the MS Word rendering engine. Yes, you read that correctly: Word handles HTML and CSS for any emails in Outlook.
Today I was asked what I knew about "responsive email". After my initial reaction of "ugh", I set about to educate myself quickly. I know the concept in principal, and with the rise of responsive Website design and more people using their phones to check email, we've been kicking the idea around of trying something like this for awhile. So, here are a few hopefully helpful articles I found out in the wild web.