Html Email Outlook Padding | The complete guide for
Posted: Sun Jan 12, 2025 7:13 am
Nearly every email marketer has been there: your emails display beautifully on your iPhone, Android device or Gmail, but blow up when opened in Outlook. How frustrating to invest considerable energy into crafting an amazing email campaign, only to be flooded with messages such as “links not working” and “can’t see images” instead of an inbox full of orders!
Installed on millions of devices worldwide, Microsoft’s enduring email client has been a thorn in the sides of marketers and designers for more than two decades – and its contemporary counterpart Windows Mail isn’t much better. Both render HTML using Microsoft Word (though some older versions of Outlook use Internet Explorer), and both ignore code conventions that work perfectly in other email clients style display block.
We’ve been there, we’ve learned how to tame the beast that is fusion database Outlook, and we’re here to help. The following lists some of the most common problems with Outlook and how you can solve them.
NOTE: This article is for intermediate to advanced coders who can write and read HTML without a graphic interface. If you’re not a coding maven – and you don’t want to pay one – you can take the easy route with a suite of tools from VerticalResponse. In addition to our popular email builder, we also offer the Email Test Kit, which shows you exactly what your emails will look like in nearly 60 different apps, browsers and devices before you hit “send.” That way you know your emails will display perfectly on all platforms and devices, including Outlook. You can also use our Advanced Reporting tool to gain insights into customer behavior, including which devices and browsers they use so you can be sure to design emails that properly render on those platforms.
Common Outlook problems solved
Here’s how to solve some of the most common email rendering issues in Outlook.
Background images do not display
Outlook will not display background images applied with traditional HTML. If you use a repeating background image, keep it monochromatic and apply a background color as a backup. Alternatively, you can use Vector Markup Language (VML) to force background images to display in Outlook.
Installed on millions of devices worldwide, Microsoft’s enduring email client has been a thorn in the sides of marketers and designers for more than two decades – and its contemporary counterpart Windows Mail isn’t much better. Both render HTML using Microsoft Word (though some older versions of Outlook use Internet Explorer), and both ignore code conventions that work perfectly in other email clients style display block.
We’ve been there, we’ve learned how to tame the beast that is fusion database Outlook, and we’re here to help. The following lists some of the most common problems with Outlook and how you can solve them.
NOTE: This article is for intermediate to advanced coders who can write and read HTML without a graphic interface. If you’re not a coding maven – and you don’t want to pay one – you can take the easy route with a suite of tools from VerticalResponse. In addition to our popular email builder, we also offer the Email Test Kit, which shows you exactly what your emails will look like in nearly 60 different apps, browsers and devices before you hit “send.” That way you know your emails will display perfectly on all platforms and devices, including Outlook. You can also use our Advanced Reporting tool to gain insights into customer behavior, including which devices and browsers they use so you can be sure to design emails that properly render on those platforms.
Common Outlook problems solved
Here’s how to solve some of the most common email rendering issues in Outlook.
Background images do not display
Outlook will not display background images applied with traditional HTML. If you use a repeating background image, keep it monochromatic and apply a background color as a backup. Alternatively, you can use Vector Markup Language (VML) to force background images to display in Outlook.