badsender logo

Still bugs in Outlook

17/06/2021

If you work in the world of email marketing, you probably know thatOutlook is THE email client that all integrators hate. Today, I'm going to tell you about a quirk that we haven't discussed so far, and about which I haven't found much documentation on the net.

The VML

As a reminder, if Outlook is so bad in terms of HTML rendering it is because it uses as HTML rendering engine the one in Word which is absolutely not meant for that. It would be like using a radiator to make toast. You could do it too, but that's not really the idea...

As a result, most " fix "that integrators have put in place to address this is done via the VML languagea language specific to Word. This language allows to do some things, but unfortunately not everything, and it also brings its share of bugs...

A padding problem

I recently noticed an alignment issue in some cases on Outlook.

You will find an example by clicking here

We can see here that the nested tables are staggered in Outlook messaging on Windows.
Why? Because in some cases, the padding-leftput on the tag td of a table in Outlook will be placed on the right, adding therefore to the padding-rightinstead of applying to the left as would be expected.

I found this bug in the following cases:

  • When a table is embedded in VML code, that this table itself has tables and that the td of this table have a padding-left. And this whatever the writing is: padding-left: 10px or padding: 10px will have the same concern.

That's a lot of things, and that's what makes this bug all the more difficult to identify. There are probably other obscure conditions to encounter this bug.

Is there a solution doctor?

Yes, as is often the case in email, we can get around the Outlook problemby playing with variable width tables centered in other tables. This will make the code more complex, depending on the desired result, but it will be possible to find a way to achieve it.

Need a design system email ? Or an email design at all? Or an HTML integration for email ? Or an email builder ? We can also offer you :

Badsender also animates a training on the subject of HTML development of an email !

Leave a Reply

Your email address will not be published.