Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
uxgenesis opened this issue Aug 12, 2021 · 2 comments
Open

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

uxgenesis opened this issue Aug 12, 2021 · 2 comments
Labels
Outlook Windows, macOS, iOS, Android and Outlook.com

Comments

@uxgenesis
Copy link

uxgenesis commented Aug 12, 2021

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.

@hteumeuleu hteumeuleu added the Outlook Windows, macOS, iOS, Android and Outlook.com label Aug 12, 2021
@tdefossezbadsender
Copy link

tdefossezbadsender commented Nov 26, 2021

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

@bago
Copy link

bago commented Jun 9, 2022

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

Yes, direction css property does the same.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Outlook Windows, macOS, iOS, Android and Outlook.com
Projects
None yet
Development

No branches or pull requests

4 participants