I'm designing an email, and only in Gmail the height of my TD is actually larger than the set height attribute.
Here is the deisgn - which looks fine rendered in Safari or other browser.
Here is a screen of Safari inspector in Gmail which renders the layout with spaces between each row
Notice the height attribute and the actual height being rendered by Gmail.
The issue is that Gmail has a doctype that sets browsers to render in Standards Mode rather than Quirks Mode, like many other e-mail clients. One of the differences in Standards Mode is that an <img> tag's display property defaults to "inline" and the whitespace around it is considered to be text around the image. The problem this creates is that if your image is squeezed by the table from the left and right side, the spaces move to the bottom.
One solution is to use CSS to set the display of images to 'block'. Since e-mail clients typically wipe blocks, you'll need to use inline styles. Try this:
<img width="611" height="26" style="display: block;" alt=""/>
See if that doesn't fix it.
Gmail is neither a browser nor a rendering engine, so I'm going to have to guess that it's adding markup, styling or a doctype other than that which is on your static page. At least, I would hope that all those class and ID names were randomly generated by something that wasn't human.
well, since it's gmail, the layout in question is inside Gmail layout which is all those classes and ids. Only where the table starts is my layout.
Gmail however is an email application, and does have it's own rendering capabilities even within the browser (which I know Gmail is not)
I wasn't sure if anyone had come across this issue because I cannot seem to troubleshoot it.