Recently some members of the Litmus Community noticed that email campaigns in Android 4.4 were no longer being centred to the device width. I was slightly puzzled by this as overall Android 4.4 has a pretty decent email experience, but sure enough I started seeing email content being cut off on the right hand side. Looking at my code I couldn’t see anything out of the ordinary that would cause this. Wanting to find out more, I dived into the source code of the Android 4.4 mail app to get some answers! Find out what I discovered.
When building an email template you will come across two common layout methods, floated tables or using table cells to create columns. Both of these methods are fundamental layout techniques and form the foundation of any email campaign. Both techniques have different strengths and weaknesses, but ultimately what is the best technique to use? Find out in my comparison between the two.
One of the many layout techniques for email is floating tables. This technique basically provides similar behaviour to the float CSS property but is supported pretty much everywhere. Problem is that pesky email client Outlook will attempt to ruin your party with its poor CSS box model. Sadly Outlook and table widths just don’t add up, which introduces problems like content appearing below its designed place as well alignment issues. Thankfully however, thanks to Mike Ragan from Action Rocket, there’s a cool new way to workaround this issue.
Outlook Mobile is the official name for the native mail app in Windows Phone 7 and 8 series devices where all types of mail accounts are all stored and accessed from. Outlook Mobile has been an interesting area to explore from an email design/campaign point of view because of its different behaviours depending on key parameters. In this three part series, I document the foundations of the Windows Phone mail app and its different behaviours when used with different email account types on various Windows Phone OS versions.