- I did find that Brad Sapkota's solution with the '--------------' did work but our client didn't like the idea of it.
- Also, font size !important and line-height !important also worked but was a clunky solution.
I'm sure you know gmail does not read styles in the head so if something is breaking only in gmail it likely means you have a style in the head of the email that needs to be moved inline to the body of the email. If you delete all the styles out of the head does the email break in the same way? That's a good way to test it.
Is it the width of the email that is getting screwed up? You can add a width to the <td> (not the <table>) and your email should still render correctly on mobile as well as desktop.
If you want a great tutorial on how to build emails that render correclty in gmail and the gmail app go through this - http://webdesign.tutsplus.com/tutorials/creating-a-future-proof-responsive-email-without-media-queries--cms-23919 it's helped our company build emails that render great everywhere.
wow this post is still active after two years. This is no longer an issue for me since we started coding our emails as hybrids (if someone is looking for another solution :)
Well like I said above I can replicate this in an actual Gmail account if I make the browser small enough. But it's good to know I'm not alone. If this is how this type of coding simply acts that's fine. I just want to be sure.
Thanks for reminding me I started this thread ages ago! I did figure it out but just to clarify, if anyone is finding their hybrid build is working in gmail app on android but not in iOS make sure you are using an inliner, that was the problem with mine.
That looks like what happens when you don't have, style="display:block;" on your images and it looks like those are missing from your image tags, Could it be that?