email-bugs icon indicating copy to clipboard operation
email-bugs copied to clipboard

Outlook (2013/2016/2019) shows 1px line when using dir attribute

Open uxgenesis opened this issue 3 years ago • 2 comments

When there is a table or td that has the dir="rtl" or dir="ltr" attribute, and the cell has padding, Outlook 2013, 2016 and 2019 and Windows 10 Mail will show a 1px vertical line on the side of that cell with the same color as the body background.

voorbeeld_outlook_2013_lijn

To fix this, the table with the direction attribute should be seperated from the padding property. Remove the padding and add another table for just the padding around the table with the direction attribute. Then the line will disappear. So in the HTML hierarchy: first a table for padding, then inside that a table with the direction.

uxgenesis avatar Aug 12 '21 12:08 uxgenesis

@thefunkybassist Is this always the case when using the CSS direction property instead of the dir attribute?

tdefossezbadsender avatar Nov 26 '21 12:11 tdefossezbadsender

@thefunkybassist Is this always the case when using the CSS direction property instead of the dir attribute?

Yes, direction css property does the same.

bago avatar Jun 09 '22 14:06 bago