This only happens in IE11 on Gmail. Any other web clients, such as Yahoo!, doesn’t show this. Google Chrome and Mozilla FIrefox are also not showing this problem.
I have attached 3 files (2 screenshots and 1 code snippet file):
In “ie11_gmail.png”, it shows the issue where the left of the table is shifted to the left. The left spacing is much thinner than the right spacing.
However in “ie11_yahoo.png”, it shows the correct layout. And this is consistent across Chrome, Firefox, iPad Mini, and even Outlook 2007 and up. Both the left and the right spacings are identical in terms of width.
Code is attached below, as “snippet.html”. It is completely segregated away from the rest of my other codes.
This is a mystery to me.
Does anyone know how to fix this issue?