title: Table Gap does not span full width and height in Gmail App
body: <p>After days of of trying to find a solution(unsuccessfully), I've decided to turn to the collective wisdom and experience of the community for help. I</p>
  <p>I have a email template that displays correctly across all desktop, web and mobile clients, except for the Gmail App for Android. I have a nested navigation table (which consists of a top image, the navigation itself and bottom image). For some reason the Gmail App for Android displays a horizontal and vertical gap around the nested navigation table. The nested table should span the width(380px) and height(85px) of the containing cell, but doesn't. This gap only appears in the Gamil App for Android.</p>
  <p>I've attached a jpg as reference. I added a green background color to the table cell so you can see the gap issue.</p>
  <p>If I set the containing table  tag to style=&quot;vertical-align:bottom;&quot;, the gap appears at the top of the nested navigation table. This causes a mislaignment with the logo.</p>
  <p>If I set the containing table  tag to style=&quot;vertical-align:top;&quot;, the gap appears at the bottom of the nested navigation table. The table is aligned with the logo, but now I have a gap between the bottom navigation image and main content image.</p>
  <p>I also have a gap on the right side of the nested table (since thecontaining  tag has align=&quot;left&quot;).</p>
  <p>I've also posted the entire code under the image, but the nested table issue appears in the &quot;Preheader and Navigation&quot; section.</p>
  <p>Thank you for your time and guidance. George.</p>
  <p><a href="https://i.stack.imgur.com/qDPo4.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qDPo4.jpg" alt="enter image description here" /></a></p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  
  &lt;head&gt;
    &lt;meta name="viewport" content="width=device-width" /&gt;
    &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt;
  &lt;/head&gt;
  
  &lt;body style="margin:0; background-color:#000000;"&gt;
    &lt;table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="000000;" style="table-layout:fixed;"&gt;
      &lt;tr&gt;
        &lt;td align="center" valign="top" style="background-color:#000000;"&gt;
          &lt;!--Preheader and Navigation--&gt;
          &lt;table width="600" border="0" cellspacing="0" cellpadding="0" align="center" style="min-width:600px;"&gt;
            &lt;tr&gt;
              &lt;td align="right" style="vertical-align:middle; padding:5px 10px 5px 10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#a88156;"&gt;Make us part of your resolutions in 2015 – look inside to &lt;strong&gt;&lt;a href="#" target="_blank" style="color:#a88156;"&gt;see how&lt;/a&gt;&lt;/strong&gt;!&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
              &lt;td align="center" style="vertical-align:top; padding:0px 0px 0px 0px;" bgcolor="00ff66"&gt;
                &lt;table width="600" border="0" cellspacing="0" cellpadding="0" style="min-width:600px;"&gt;
                  &lt;tr&gt;
                    &lt;td width="220" height="85" align="left" style="vertical-align:top; line-height:85px;"&gt;
                      &lt;a href="#" target="_blank"&gt;&lt;img src="http://epidm.edgesuite.net/CMS/YH/yh_wk33_Resolutions_01y.jpg" width="220" height="85" alt="LOGO" title="LOGO" style="display:block; border:0;" /&gt;&lt;/a&gt;
                    &lt;/td&gt;
                    &lt;td width="380" height="85" align="left" style="vertical-align:top;"&gt;
                      &lt;table width="380" border="0" cellspacing="0" cellpadding="0" style="min-width:380px;"&gt;
                        &lt;tr&gt;
                          &lt;td width="380" height="15" align="center" style="vertical-align:top; line-height:15px;"&gt;&lt;img src="http://epidm.edgesuite.net/CMS/YH/yh_wk33_Resolutions_02y.gif" width="380" height="15" style="display:block;" border="0" alt="" /&gt;&lt;/td&gt;
                        &lt;/tr&gt;
                        &lt;tr&gt;
                          &lt;td height="52" align="center" bgcolor="#555555" style="vertical-align:middle; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#ffffff;"&gt;&lt;a href="#" target="_blank" style="color:#ffffff; text-decoration:none;"&gt;QWERTYUIO&lt;/a&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;a href="#" target="_blank" style="color:#ffffff; text-decoration:none;"&gt;ASDF&lt;/a&gt;                          &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;a href="#" target="_blank" style="color:#ffffff; text-decoration:none;"&gt;ZXCV BNMLK&lt;/a&gt;&lt;/td&gt;
                        &lt;/tr&gt;
                        &lt;tr&gt;
                          &lt;td width="380" height="18" align="center" style="vertical-align:top; line-height:18px;"&gt;&lt;img src="http://epidm.edgesuite.net/CMS/YH/yh_wk33_Resolutions_03y.jpg" width="380" height="18" style="display:block;" border="0" alt="" /&gt;&lt;/td&gt;
                        &lt;/tr&gt;
                      &lt;/table&gt;
                    &lt;/td&gt;
                  &lt;/tr&gt;
                &lt;/table&gt;
              &lt;/td&gt;
            &lt;/tr&gt;
          &lt;/table&gt;
          &lt;!--Panel 1--&gt;
          &lt;table width="600" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#e5e5e5" style="min-width:600px;"&gt;
            &lt;tr&gt;
              &lt;td align="center" valign="top" style="padding:0px 0 0 0;"&gt;
                &lt;a href="#" target="_blank"&gt;&lt;img src="http://epidm.edgesuite.net/CMS/YH/yh_wk33_Resolutions_04y.jpg" width="600" height="252" alt="" title="" border="0" style="display:block;" /&gt;&lt;/a&gt;
              &lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
              &lt;td align="center" valign="top" style="padding:20px 10px 20px 10px;"&gt;
                &lt;table width="580" border="0" cellspacing="0" cellpadding="0" align="center"&gt;
                  &lt;tr&gt;
                    &lt;td align="left" style="vertical-align:top; padding:0px 0px 0px 10px; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#000000;"&gt;MNBVCXZL KJHG POIUYTREWQA&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                    &lt;td align="left" style="vertical-align:top; padding:15px 60px 0px 10px; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#000000;"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                    &lt;td align="left" style="vertical-align:top; padding:20px 0px 0px 10px;"&gt;
                      &lt;table width="134" height="41" align="left" border="0" cellspacing="0" cellpadding="0"&gt;
                        &lt;tr&gt;
                          &lt;td align="center" valign="middle" style="padding:0px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#ffffff; background-color:#95553a;"&gt;
                            &lt;a href="#" target="_blank" style="color:#ffffff; text-decoration:none; font-size:14px;"&gt;&lt;img src="http://epidm.edgesuite.net/CMS/YH/yh_wk33_Resolutions_06y.gif" width="134" height="40" alt="CTA" title="CTA" border="0" style="display:block;" /&gt;&lt;/a&gt;
                          &lt;/td&gt;
                        &lt;/tr&gt;
                      &lt;/table&gt;
                    &lt;/td&gt;
                  &lt;/tr&gt;
                &lt;/table&gt;
              &lt;/td&gt;
            &lt;/tr&gt;
          &lt;/table&gt;
          &lt;!--Panel 2--&gt;
          &lt;table width="600" border="0" cellspacing="0" cellpadding="0" align="center" style="min-width:600px;"&gt;
            &lt;tr&gt;
              &lt;td align="right" valign="top" style="padding:20px 0px 0px 0px;"&gt;
                &lt;table width="600" border="0" cellspacing="0" cellpadding="0" bgcolor="#aaaaaa"&gt;
                  &lt;tr&gt;
                    &lt;td align="left" valign="top" style="padding:0 20px 0 0;"&gt;
                      &lt;a href="#" target="_blank"&gt;&lt;img src="http://epidm.edgesuite.net/CMS/YH/yh_wk33_Resolutions_05y.gif" width="300" height="260" alt="" title="" border="0" style="display:block;" /&gt;&lt;/a&gt;
                    &lt;/td&gt;
                    &lt;td align="right" valign="top"&gt;
                      &lt;table border="0" cellspacing="0" cellpadding="0"&gt;
                        &lt;tr&gt;
                          &lt;td align="left" valign="top" style="padding:15px 80px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#000000;"&gt;MNBVCXZL KJHG POIUYTREWQA&lt;/td&gt;
                        &lt;/tr&gt;
                        &lt;tr&gt;
                          &lt;td align="left" valign="top" style="padding:15px 45px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#000000;"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.&lt;/td&gt;
                        &lt;/tr&gt;
                        &lt;tr&gt;
                          &lt;td align="left" valign="top" style="padding:20px 0px 0px 0px;"&gt;
                            &lt;table width="134" height="41" align="left" border="0" cellspacing="0" cellpadding="0"&gt;
                              &lt;tr&gt;
                                &lt;td align="center" valign="middle" style="padding:0px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#ffffff; background-color:#95553a;"&gt;
                                  &lt;a href="#" target="_blank" style="color:#ffffff; text-decoration:none; font-size:14px;"&gt;&lt;img src="http://epidm.edgesuite.net/CMS/YH/yh_wk33_Resolutions_06y.gif" width="134" height="40" alt="CTA" title="CTA" border="0" style="display:block;" /&gt;&lt;/a&gt;
                                &lt;/td&gt;
                              &lt;/tr&gt;
                            &lt;/table&gt;
                          &lt;/td&gt;
                        &lt;/tr&gt;
                      &lt;/table&gt;
                    &lt;/td&gt;
                  &lt;/tr&gt;
                &lt;/table&gt;
              &lt;/td&gt;
            &lt;/tr&gt;
          &lt;/table&gt;
          &lt;!--SOCIAL--&gt;
          &lt;table width="600" border="0" cellspacing="0" cellpadding="0" bgcolor="#000000" align="center" style="min-width:600px;"&gt;
            &lt;tr&gt;
              &lt;td align="center" style="vertical-align:top; padding: 20px 0 0 0;"&gt;
                &lt;table border="0" cellspacing="0" cellpadding="0"&gt;
                  &lt;tr&gt;
                    &lt;td align="center" style="vertical-align:middle; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#ffffff; font-weight:bold; padding:0px 0px 0px 0px;"&gt;#QWERTYUIOP&lt;/td&gt;
                    &lt;td align="left" valign="top" style="padding:0 0 0 15px;"&gt;
                      &lt;a href="#" target="_blank"&gt;&lt;img src="http://epidm.edgesuite.net/CMS/YH/yh_09.jpg" width="45" height="44" alt="" title="" style="display:block; border:0;" /&gt;&lt;/a&gt;
                    &lt;/td&gt;
                    &lt;td align="left" valign="top" style="padding:0 0 0 15px;"&gt;
                      &lt;a href="#" target="_blank"&gt;&lt;img src="http://epidm.edgesuite.net/CMS/YH/yh_09.jpg" width="45" height="44" alt="" title="" style="display:block; border:0;" /&gt;&lt;/a&gt;
                    &lt;/td&gt;
                    &lt;td align="left" valign="top" style="padding:0 0 0 15px;"&gt;
                      &lt;a href="#" target="_blank"&gt;&lt;img src="http://epidm.edgesuite.net/CMS/YH/yh_09.jpg" width="45" height="44" alt="" title="" style="display:block; border:0;" /&gt;&lt;/a&gt;
                    &lt;/td&gt;
                  &lt;/tr&gt;
                &lt;/table&gt;
              &lt;/td&gt;
            &lt;/tr&gt;
          &lt;/table&gt;
          &lt;!--LEGAL--&gt;
          &lt;table width="600" border="0" cellspacing="0" cellpadding="0" bgcolor="#000000" align="center" style="min-width:600px;"&gt;
            &lt;tr&gt;
              &lt;td align="center" valign="top" style="padding:25px 0;"&gt;
                &lt;table width="320" border="0" cellspacing="0" cellpadding="0"&gt;
                  &lt;tr&gt;
                    &lt;td align="right" valign="middle" style="font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#ffffff; padding-right:20px;"&gt;&lt;a href="#" target="_blank" style="color:#ffffff; text-decoration:none;"&gt;POIUYTREW&lt;/a&gt;&lt;/td&gt;
                    &lt;td align="center" valign="middle"&gt;&lt;img src="http://epidm.edgesuite.net/CMS/YH/yh_pipe_10.gif" width="2" height="21" style="display:block;" alt="" /&gt;&lt;/td&gt;
                    &lt;td align="center" valign="middle" style="font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#ffffff; padding:0px 20px;"&gt;&lt;a href="#" target="_blank" style="color:#ffffff; text-decoration:none;"&gt;LKJHG&lt;/a&gt;&lt;/td&gt;
                    &lt;td align="center" valign="middle"&gt;&lt;img src="http://epidm.edgesuite.net/CMS/YH/yh_pipe_10.gif" width="2" height="21" style="display:block;" alt="" /&gt;&lt;/td&gt;
                    &lt;td align="center" valign="middle" style="font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#ffffff; padding-left:20px;"&gt;&lt;a href="#" target="_blank" style="color:#ffffff; text-decoration:none;"&gt;MNBV CXZLK&lt;/a&gt;&lt;/td&gt;
                  &lt;/tr&gt;
                &lt;/table&gt;
              &lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
              &lt;td align="left" style="vertical-align:top;"&gt;
                &lt;table width="100%" border="0" cellspacing="0" cellpadding="0"&gt;
                  &lt;tr&gt;
                    &lt;td align="center" style="vertical-align:top; padding:0px 20px 12px 20px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ffffff;"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                    &lt;td align="center" style="vertical-align:top; padding:0px 20px 12px 20px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff;"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labor.&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                    &lt;td align="center" style="padding:0px 0px 0px 0px; vertical-align:top; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff;"&gt;&lt;a href="#" target="_blank" style="color:#ffffff; text-decoration:none;"&gt;Contact Us&lt;/a&gt; &amp;nbsp;|&amp;nbsp; &lt;a href="#" target="_blank" style="color:#ffffff; text-decoration:none;"&gt;Legal Notices&lt;/a&gt; &amp;nbsp;|&amp;nbsp; &lt;a href="#" target="_blank"
                        style="color:#ffffff; text-decoration:none;"&gt;Unsubscribe&lt;/a&gt;&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                    &lt;td align="center" style="padding:2px 0px 10px 0px; vertical-align:top; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff;"&gt;&lt;a href="#" target="_blank" style="color:#ffffff; text-decoration:none;"&gt;Qwertyu Asdfgh / Awer Asdfghu Tyuiop&lt;/a&gt;&lt;/td&gt;
                  &lt;/tr&gt;
                &lt;/table&gt;
              &lt;/td&gt;
            &lt;/tr&gt;
          &lt;/table&gt;
          &lt;table align="center" width="600" border="0" cellspacing="0" cellpadding="0"&gt;
            &lt;tr&gt;
              &lt;td height="20" align="left" valign="top"&gt;&amp;nbsp;&lt;/td&gt;
            &lt;/tr&gt;
          &lt;/table&gt;
  
        &lt;/td&gt;
      &lt;/tr&gt;
    &lt;/table&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>