If you've ever created a mailing and tested it in Outlook 2013’s or 2016’s desktop platforms, you might come across a story that looks something like the image below:
One quick look and you’ll notice that the left edge of the text has been cutoff. This issue happens when the text in a parent table tries to wrap around an image, but the parent table itself does not have a set alignment. Let’s look at the solution!
To fix this issue, you’ll need to set the parent table’s alignment (i.e. you’ll need to left- or right-align the first table in your story).
Open your desired mailing and select the story you need to modify.
Select the parent table in the HTML path along the bottom of the HTML editor window.
Click the Table icon in the toolbar and select Table Properties.
Click the Alignment dropdown list and select either Left or Right alignment.
Click OK to save your changes.
Now, when you test your mailing again in Outlook 2013 or 2016, the story should render properly.
If you are comfortable making changes to your code, the image below shows the code highlighted in Informz. By adding align=”left” to the table style, you’ll eliminate the problem.
Make Your Rendering Problems a Thing of the Past!
While it’s not magic, sometimes a simple solution can vastly improve your rendering concerns. Be on the lookout for nuances that ultimately make a big difference. Oh, and don’t forget that you should always test your mailings before you send them to ensure that you catch these problems early!