title: Getting Gmail app for Android to render my HTML email?
body: <p>I'm currently at a stand still and could really use some help. I'm coding an HTML email which is a first for me. I have a basic understanding of CSS and HTML, but I can't figure out for the life of me how to fix this Gmail problem, and I even know what the cause is. It seems as though the problem is coming from the only editable text region, which is the address line (Hi [name],) and which is also the only row with multiple columns. It looks like the text isn't shrinking to fit the screen, causing the neighboring cells to go crazy and expand the picture. It works great in every other ESP I tested it on, even Outlook. I attached a picture and my code. Please, if you have any advice or resources please help a noob in need. </p>
  
  <p><a href="http://i.imgur.com/UivU3FF.png" rel="nofollow">messed up version on Android Gmail app</a>
  <a href="http://jsfiddle.net/frickenbill/tQRM5/" rel="nofollow">code</a></p>
  
  <pre><code>&lt;html&gt;
  
  &lt;head&gt;
      &lt;title&gt;Tradeshow_email_PARTY&lt;/title&gt;
      &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;
  &lt;/head&gt;
  
  &lt;body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"&gt;
      &lt;!-- Save for Web Slices (Tradeshow_email_PARTY.jpg) --&gt;
      &lt;table id="Table_01" width="600" height="1046" border="0" cellpadding="0" cellspacing="0"&gt;
          &lt;tr&gt;
              &lt;td colspan="3"&gt;
                  &lt;img src="http://i.imgur.com/m2GZSwm.png" style="display:block" width="600" height="408" alt=""&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;
                  &lt;img src="http://i.imgur.com/RyJDbPa.png" style="display:block" width="47" height="40" alt=""&gt;
              &lt;/td&gt;
              &lt;td width="123" height="40" style="line-height: 0pt; font-weight: bolder;"&gt;&lt;font face="arial" size="2px" color="#636564"&gt;Hi [name],&lt;/font&gt;
  
              &lt;/td&gt;
              &lt;td&gt;
                  &lt;img src="http://i.imgur.com/KUO971D.png" style="display:block" width="430" height="40" alt=""&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td colspan="3"&gt;
                  &lt;img src="http://i.imgur.com/nWU4N6L.png" style="display:block" width="600" height="598" alt=""&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
      &lt;!-- End Save for Web Slices --&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>