iOS Border Issue
Has anyone out there found a workaround or seen any updates to this issue? https://www.campaignmonitor.com/blog/post/3585/iphone-fail-the-trouble-with-table-borders-and-html-email/
Currently I'm working on a client email that has 2 columns/tables with different background colors. Some neighboring content in the 2 columns needs to line up/stretch to the same height as the other. In trying this, I saw that a bgcolor on the table cells was rendering out these annying 1px borders.
The article above says to place questionable content inside another table, but then I lose the flexibilty of my side-by-side content being the same heights.
Any info/advice?
Hi there ! I had to deal with this a few months ago. I had the same problem when I applied a
background-color
to an<img>
. I first tried to play with the image-rendering property in CSS, but with no success. Then, I found that applying a very small scale transformation withtransform:scale(1.0000001);
(and the required-webkit-
prefixed version) would fix the render at most zoom levels. Here's an example of what I was able to achieve :Here's what the full code would look like :
<img src="images/star.gif" alt="" style="display:block; background:#ffc200; -webkit-transform:scale(1.00001);" />
I've never tried this fix on anything other than
<img>
tags, but let me know if it works for you.Hi Rémi, thanks for the reply. I tried your fix, but it didn't work unfortunately. My issue is happening with a background color on table cells, seems transform doesn't have any affect on them.