title: Outlook changing height of column in responsive email
body: <p>This is a html email for marketing purposes for my company. We bought a template from themeforrest and have edited it from there. I've worked out most of the kinks that Outlook has caused, but can't seem to find the source of the problem for this issue.</p>
  
  <p>In one of the sections of the email I have a table with a title section, and another table with two columns divided into their own . When I put the email through Litmus for testing, the right column in the table appears longer than the left. I have inspected and analyzed the code, and each column is identical as far as the tags and attributes go. I am relatively new to coding, so I'm using the MailChimp html editor with preview and the code might not be as clean as it should be.</p>
  
  <p>Here's what I've done:</p>
  
  <ul>
  <li>All elements in tables with their own </li>
  <li>Declared height for text and spacer containers</li>
  <li>Containers holding text are same height and width ratio</li>
  <li>Spacers above and below are same height and width ratio</li>
  <li>I thought the length of the text might be causing the issue, so I edited the longer text to fit into the same amount of lines. No luck there.</li>
  <li>I tested the section with and without the CSS included above it. Same Problem.</li>
  <li>The only thing I've done to make a real difference was editing the nodes for the titles above the columns. This seemed to change the placement of the column, but not in a beneficial way. And I need the height of the text containers and nodes for the title portion to remain the same, as it is the solution for another Outlook problem I've had that made the green bar expand its' height to the line-height of the  above it.</li>
  <li>Have researched solutions from CampaignMonitor and EmailonAcid</li>
  </ul>
  
  <p>Here is the code for the section:</p>
  
  <pre><code>&lt;table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="bfbfbf" mc:repeatable="promail" mc:variant="testimonials section" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;font-size: 14px;border: 0;"&gt;
  
  &lt;tbody&gt;&lt;tr&gt;
      &lt;td align="center" style="border-collapse: collapse;"&gt;
          &lt;table border="0" align="center" width="800" cellpadding="0" cellspacing="0" bgcolor="ffffff" class="container800 blue_bg" style="background-color: rgb(255, 255, 255);border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;font-size: 14px;border: 0;"&gt;
  
              &lt;tbody&gt;&lt;tr&gt;&lt;td height="50" style="font-size: 50px;line-height: 50px;border-collapse: collapse;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
  
              &lt;tr&gt;
                  &lt;td align="center" style="border-collapse: collapse;"&gt;
                      &lt;table border="0" align="center" width="590" cellpadding="0" cellspacing="0" class="container590" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;font-size: 14px;border: 0;"&gt;
  
                          &lt;tbody&gt;&lt;tr&gt;
                              &lt;td align="center" style="color: #666666;font-size: 14px;font-family: 'Open Sans', Arial, sans-serif;font-weight: 700;mso-line-height-rule: exactly;line-height: 24px;border-collapse: collapse;" class="outlook white_color" mc:edit="testiheader"&gt;
  
                                  &lt;!-- ======= main header ======= --&gt;
  
                                  &lt;div class="outlook editable_text" style="line-height: 24px;"&gt;
                                      &lt;span class="outlook text_container"&gt;
  
                                          TESTIMONIALS
  
                                      &lt;/span&gt;
                                  &lt;/div&gt;
  
                              &lt;/td&gt;   
                          &lt;/tr&gt;
  
                          &lt;tr&gt;&lt;td height="12" style="font-size: 12px;line-height: 12px;border-collapse: collapse;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
  
                          &lt;tr&gt;
                              &lt;td align="center" style="border-collapse: collapse;"&gt;
                                  &lt;table align="center" width="50" border="0" cellpadding="0" cellspacing="0" bgcolor="0893d3" class="blue_bg" style="background-color: rgb(9, 187, 77);border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;font-size: 14px;border: 0;"&gt;
                                      &lt;tbody&gt;&lt;tr&gt;&lt;td height="2" style="font-size: 2px;line-height: 2px;border-collapse: collapse;"&gt;&lt;/td&gt;&lt;/tr&gt;
                                  &lt;/tbody&gt;&lt;/table&gt;
                              &lt;/td&gt;
                          &lt;/tr&gt;
  
                          &lt;tr&gt;&lt;td height="12" style="font-size: 12px;line-height: 12px;border-collapse: collapse;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
  
                          &lt;tr&gt;
                              &lt;td align="center" style="color: #000000;font-size: 28px;font-family: 'Open Sans', Arial, sans-serif;font-weight: 300;mso-line-height-rule: exactly;line-height: 28px;border-collapse: collapse;" class="outlook main-header white_color" mc:edit="testisubheader"&gt;
  
                                  &lt;!-- ======= main header ======= --&gt;
  
                                  &lt;div class="outlook editable_text" style="line-height: 28px;"&gt;
                                      &lt;span class="outlook text_container"&gt;
  
                                          What Do Our Customers Say?
  
                                      &lt;/span&gt;
                                  &lt;/div&gt;
  
                              &lt;/td&gt;   
                          &lt;/tr&gt;
  
                          &lt;tr&gt;&lt;td height="55" style="font-size: 55px;line-height: 55px;border-collapse: collapse;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
  
                          &lt;tr&gt;
                              &lt;td style="border-collapse: collapse;"&gt; 
                                  &lt;table border="0" width="285" align="left" cellpadding="0" cellspacing="0" bgcolor="09bb4d" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-radius: 5px;font-size: 14px;border: 0;" class="container590"&gt;
  
                                      &lt;tbody&gt;&lt;tr&gt;&lt;td height="25" style="font-size: 25px;line-height: 25px;border-collapse: collapse;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
  
                                      &lt;tr&gt;
                                          &lt;td style="border-collapse: collapse;"&gt;
                                              &lt;table border="0" width="230" height="168" align="center" cellpadding="0" cellspacing="0" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;height: 168px; font-size: 14px;border: 0;" class="container580"&gt; 
  
                                                  &lt;tbody&gt;&lt;tr&gt;
                                                      &lt;td align="left" style="color: #ffffff;font-size: 14px;font-family: Helvetica, Arial, sans-serif;line-height: 24px;border-collapse: collapse;" class="outlook text_color" mc:edit="testitext1"&gt;
                                                          &lt;!-- ======= section subtitle ====== --&gt;
  
                                                          &lt;div class="outlook editable_text" style="line-height: 24px;"&gt;
                                                              &lt;span class="outlook text_container"&gt;
  
                                                                  This is an extremely good company. My agent Brent was excellent, and very timely in explaining the terms, and getting my loan ASAP. Thank you, very much, I will Highly recommend you!&lt;br&gt;&lt;br&gt;
  
                                                              &lt;/span&gt;
                                                          &lt;/div&gt;
                                                      &lt;/td&gt;
                                                  &lt;/tr&gt;
  
                                                  &lt;tr&gt;&lt;td height="25" style="font-size: 25px;line-height: 25px;border-collapse: collapse;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
  
                                                  &lt;tr&gt;
                                                      &lt;td style="border-collapse: collapse;"&gt;
                                                          &lt;table border="0" align="left" cellpadding="0" cellspacing="0" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;font-size: 14px;border: 0;"&gt;
                                                              &lt;tbody&gt;&lt;tr&gt;
                                                                  &lt;td style="border-collapse: collapse;"&gt;
                                                                      &lt;a href="" style=" border-style: none !important; display: block; border: 0 !important;" class="editable_img"&gt;&lt;img editable="true" src="https://gallery.mailchimp.com/5ed1d967731cd6ee36b103443/images/735223a6-a047-4079-8a5e-ffdd8d30e29b.png" style="display: block; width: 50px;" width="50" border="0" alt="team img" mc:edit="testiimg1"&gt;&lt;/a&gt;
                                                                  &lt;/td&gt;
                                                                  &lt;td style="border-collapse: collapse;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/td&gt;
                                                                  &lt;td style="border-collapse: collapse;"&gt;
                                                                      &lt;table border="0" align="center" cellpadding="0" cellspacing="0" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;font-size: 14px;border: 0;"&gt;
                                                                          &lt;tbody&gt;&lt;tr&gt;
                                                                              &lt;td align="left" style="color: #444444;font-size: 16px;font-family: Helvetica, Arial, sans-serif;line-height: 22px;border-collapse: collapse;" class="outlook title_color" mc:edit="testisubtitle1"&gt;
                                                                                  &lt;!-- ======= section text ====== --&gt;
  
                                                                                  &lt;div class="outlook editable_text" style="line-height: 22px"&gt;
                                                                                      &lt;span class="outlook text_container"&gt;
  
                                                                                          Linda
  
                                                                                      &lt;/span&gt;
                                                                                  &lt;/div&gt;
                                                                              &lt;/td&gt;   
                                                                          &lt;/tr&gt;
  
                                                                          &lt;tr&gt;
                                                                              &lt;td align="left" style="color: rgb(68, 68, 68);font-size: 14px;font-family: Helvetica, Arial, sans-serif;line-height: 22px;border-collapse: collapse;" class="outlook blue_color" mc:edit="testisubtitle2"&gt;
                                                                                  &lt;!-- ======= section text ====== --&gt;
  
                                                                                  &lt;div class="outlook editable_text" style="line-height: 22px"&gt;
                                                                                      &lt;span class="outlook text_container"&gt;
  
                                                                                          Happy customer
  
                                                                                      &lt;/span&gt;
                                                                                  &lt;/div&gt;
                                                                              &lt;/td&gt;   
                                                                          &lt;/tr&gt;
  
                                                                      &lt;/tbody&gt;&lt;/table&gt;
                                                                  &lt;/td&gt;
                                                              &lt;/tr&gt;
                                                          &lt;/tbody&gt;&lt;/table&gt;
                                                      &lt;/td&gt;
                                                  &lt;/tr&gt;
                                              &lt;/tbody&gt;&lt;/table&gt;
                                          &lt;/td&gt;
                                      &lt;/tr&gt;
  
                                      &lt;tr&gt;&lt;td height="25" style="font-size: 25px;line-height: 25px;border-collapse: collapse;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
  
                                  &lt;/tbody&gt;&lt;/table&gt;
  
                                  &lt;table border="0" width="2" align="left" cellpadding="0" cellspacing="0" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;font-size: 14px;border: 0;" class="container590"&gt;
                                      &lt;/table&gt;
  
                                  &lt;table border="0" width="285" align="right" cellpadding="0" cellspacing="0" bgcolor="09bb4d" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-radius: 5px;font-size: 14px;border: 0;" class="container590"&gt;
  
                                      &lt;tbody&gt;&lt;tr&gt;&lt;td height="25" style="font-size: 25px;line-height: 25px;border-collapse: collapse;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
  
                                      &lt;tr&gt;
                                          &lt;td style="border-collapse: collapse;"&gt;
                                              &lt;table border="0" width="230" height="168" align="center" cellpadding="0" cellspacing="0" style="border-collapse: collapse;mso-table-lspace: 0pt;height: 168px; mso-table-rspace: 0pt;font-size: 14px;border: 0;" class="container580"&gt; 
  
                                                  &lt;tbody&gt;&lt;tr&gt;
                                                      &lt;td align="left" style="color: #ffffff;font-size: 14px;font-family: Helvetica, Arial, sans-serif;line-height: 24px;border-collapse: collapse;" class="outlook text_color" mc:edit="testitext2"&gt;
                                                          &lt;!-- ======= section subtitle ====== --&gt;
  
                                                          &lt;div class="outlook editable_text" style="line-height: 24px;"&gt;
                                                              &lt;span class="outlook text_container"&gt;
  
                                                                  This company is very dedicated to their customers! Very organized! Always quick and orderly with every step of the process! Truly a great company to work with! Great people to talk to, who you can understand and never feel lost in the process!
  
                                                              &lt;/span&gt;
                                                          &lt;/div&gt;
                                                      &lt;/td&gt;
                                                  &lt;/tr&gt;
  
                                                  &lt;tr&gt;&lt;td height="25" style="font-size: 25px;line-height: 25px;border-collapse: collapse;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
  
                                                  &lt;tr&gt;
                                                      &lt;td style="border-collapse: collapse;"&gt;
                                                          &lt;table border="0" align="left" cellpadding="0" cellspacing="0" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;font-size: 14px;border: 0;"&gt;
                                                              &lt;tbody&gt;&lt;tr&gt;
                                                                  &lt;td style="border-collapse: collapse;"&gt;
                                                                      &lt;a href="" style=" border-style: none !important; display: block; border: 0 !important;" class="editable_img"&gt;&lt;img editable="true" src="https://gallery.mailchimp.com/5ed1d967731cd6ee36b103443/images/735223a6-a047-4079-8a5e-ffdd8d30e29b.png" style="display: block; width: 50px;" width="50" border="0" alt="team img" mc:edit="testiimg2"&gt;&lt;/a&gt;
                                                                  &lt;/td&gt;
                                                                  &lt;td style="border-collapse: collapse;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/td&gt;
                                                                  &lt;td style="border-collapse: collapse;"&gt;
                                                                      &lt;table border="0" align="center" cellpadding="0" cellspacing="0" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;font-size: 14px;border: 0;"&gt;
                                                                          &lt;tbody&gt;&lt;tr&gt;
                                                                              &lt;td align="left" style="color: #444444;font-size: 16px;font-family: Helvetica, Arial, sans-serif;line-height: 22px;border-collapse: collapse;" class="outlook title_color" mc:edit="testisubtitle3"&gt;
                                                                                  &lt;!-- ======= section text ====== --&gt;
  
                                                                                  &lt;div class="outlook editable_text" style="line-height: 22px"&gt;
                                                                                      &lt;span class="outlook text_container"&gt;
  
                                                                                          Sarah
  
                                                                                      &lt;/span&gt;
                                                                                  &lt;/div&gt;
                                                                              &lt;/td&gt;   
                                                                          &lt;/tr&gt;
  
                                                                          &lt;tr&gt;
                                                                              &lt;td align="left" style="color: rgb(68, 68, 68);font-size: 14px;font-family: Helvetica, Arial, sans-serif;line-height: 22px;border-collapse: collapse;" class="outlook blue_color" mc:edit="testisubtitle4"&gt;
                                                                                  &lt;!-- ======= section text ====== --&gt;
  
                                                                                  &lt;div class="outlook editable_text" style="line-height: 22px"&gt;
                                                                                      &lt;span class="outlook text_container"&gt;
  
                                                                                          Happy customer
  
                                                                                      &lt;/span&gt;
                                                                                  &lt;/div&gt;
                                                                              &lt;/td&gt;   
                                                                          &lt;/tr&gt;
  
                                                                      &lt;/tbody&gt;&lt;/table&gt;
                                                                  &lt;/td&gt;
                                                              &lt;/tr&gt;
                                                          &lt;/tbody&gt;&lt;/table&gt;
                                                      &lt;/td&gt;
                                                  &lt;/tr&gt;
                                              &lt;/tbody&gt;&lt;/table&gt;
                                          &lt;/td&gt;
                                      &lt;/tr&gt;
  
                                      &lt;tr&gt;&lt;td height="25" style="font-size: 25px;line-height: 25px;border-collapse: collapse;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
  
                                  &lt;/tbody&gt;&lt;/table&gt;
  
                              &lt;/td&gt;
                          &lt;/tr&gt;
                      &lt;/tbody&gt;&lt;/table&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
  
              &lt;tr&gt;&lt;td height="50" style="font-size: 50px;line-height: 50px;border-collapse: collapse;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
  
          &lt;/tbody&gt;&lt;/table&gt;
      &lt;/td&gt;
  &lt;/tr&gt;
  
  &lt;/tbody&gt;&lt;/table&gt;
  </code></pre>
  
  <p>Here is an image of what it looks like when rendered through Outlook:
  [img]<a href="http://i.imgur.com/16n8Atf.png[/img]" rel="nofollow">http://i.imgur.com/16n8Atf.png[/img]</a></p>
  
  <p>I'd really appreciate any help you can provide. - Thanks!</p>