title: Outlook - bad display width of the footer in e-mail
body: <p>I have a problem with the display of footers in the mail in Outlook 2003, 2007, 2010, 2013. 
  Outlook doesn't respect the required width of the table and places the entire foot to the left side.</p>
  
  <p>Below code and screens.
  Thank you for any tips.</p>
  
  <pre><code>                &lt;tr&gt;
                  &lt;td class="left-sidebar" style="padding: 0;text-align: center;font-size: 0" bgcolor="#191919"&gt;
                      &lt;!--[if (gte mso 9)|(IE)]&gt;
                      &lt;table width="100%"&gt;
                      &lt;tr&gt;
                      &lt;td width="220"&gt;
                      &lt;![endif]--&gt;
                      &lt;div class="column left" style="width: 100%;display: inline-block;vertical-align: middle;max-width: 220px"&gt;
                          &lt;table width="100%" style="border-spacing: 0;font-family: Arial, Helvetica, sans-serif;color: #333" cellpadding="0" cellspacing="0" border="0"&gt;
                              &lt;tr&gt;
                                  &lt;td class="inner" style="padding-bottom:30px;padding-top:10px"&gt;
                                       &lt;img src="#" width=210 alt="logo"   style="border: 0;width: 100%;max-width: 210px"&gt;&lt;/a&gt;
                                  &lt;/td&gt;
                              &lt;/tr&gt;
                          &lt;/table&gt; 
                      &lt;/div&gt;
                      &lt;!--[if (gte mso 9)|(IE)]&gt;
                      &lt;/td&gt;&lt;td width="380"&gt;
                      &lt;![endif]--&gt;
                      &lt;div class="column right" style="width: 100%;display: inline-block;vertical-align: middle;max-width: 380px"&gt;
  
                          &lt;table width="100%" style="border-spacing: 0;font-family: Arial, Helvetica, sans-serif;color: #333" cellpadding="0" cellspacing="0" border="0"&gt;
                              &lt;tr&gt;
                                  &lt;td class="inner contents" style="padding: 10px;width: 100%;padding-top: 30px;font-size: 12px; color: #ffffff; font-weight: lighter; text-align: left; font-family: Arial, Helvetica, sans-serif; line-height: 18px;vertical-align: middle;"&gt;
                                      Nam semper magna nec urna sagittis, hendrerit dapibus nibh malesuada.  
                                  &lt;/td&gt;
                              &lt;/tr&gt;
                              &lt;tr&gt;
                                  &lt;td class="inner contents" style="padding: 10px;width: 100%;padding-top: 10px;font-size: 12px; color: #ffffff; font-weight: lighter; text-align: left; font-family: Arial, Helvetica, sans-serif; line-height: 18px;vertical-align: middle;"&gt;
                                      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed metus vitae justo blandit euismod non quis tortor. Pellentesque feugiat tempus viverra. Nam semper magna nec urna sagittis, hendrerit dapibus nibh malesuada. Aliquam elit lectus, semper vel augue nec, tempor aliquet felis!!
                                  &lt;/td&gt;
                              &lt;/tr&gt;
                              &lt;tr&gt;
                                  &lt;td class="inner contents" style="padding: 10px;width: 100%;padding-top: 10px;font-size: 12px; color: #ffffff; font-weight: lighter; text-align: left; font-family: Arial, Helvetica, sans-serif; line-height: 18px;vertical-align: middle;"&gt;
                                      Nam semper magna nec urna sagittis, hendrerit dapibus nibh malesuada. Aliquam elit lectus, semper vel augue nec, tempor aliquet felis!!
                                  &lt;/td&gt;
                              &lt;/tr&gt;
                              &lt;tr&gt;
                                  &lt;td height="50" style="height:50px"&gt;&lt;/td&gt;
                              &lt;/tr&gt; 
                          &lt;/table&gt;
                      &lt;/div&gt;
                      &lt;!--[if (gte mso 9)|(IE)]&gt;
                      &lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;/table&gt;
                      &lt;![endif]--&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
          &lt;!--[if (gte mso 9)|(IE)]&gt;
          &lt;/td&gt;
          &lt;/tr&gt;
          &lt;/table&gt;
          &lt;![endif]--&gt;
       &lt;/div&gt;
  &lt;/center&gt;
  </code></pre>
  
  <p>
   </p>
  
  <p>at the top of the picture - the correct footer, below - footer in Outlook</p>
  
  <p><a href="https://i.stack.imgur.com/3l3bI.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3l3bI.png" alt="enter image description here"></a></p>