Hi there I am currently coding a 3 column table for email. This displays perfect in all email clients apart from the gmail app. It puts each table row onto a new line.

I've tried display: block and min-width fixes but I still cant get it right :(

Could someone have a look at this code and tell me whats wrong ?

<!-- 3 columns -->

<table width="100%" bgcolor="#FFFFFF" cellpadding="0" class="devicewidth" cellspacing="0" border="0" id="backgroundTable">
   <tbody>
      <tr>
         <td>
            <table width="600" style="display: block;"cellpadding="0" cellspacing="0" border="0" align="center" class="devicewidth">
               <tbody>
                  <tr>
                     <td width="600">
                        <table width="600" cellpadding="0" cellspacing="0" border="0" align="center" class="devicewidth">
                           <tbody>
                              <tr>
                                 <td>
                                    <!-- col 1 -->
                                    <table bgcolor="#ffffff" style="min-width:186px; display:block;" width="186" align="left" border="0" cellpadding="0" cellspacing="0" class="devicewidth">
                                       <tbody>
                                          <!-- image 1 -->
                                          <tr>
                                             <td width="186"  style="min-width:186px;" height="279" align="center" class="devicewidth">
                                               <a href="http://www.ebay.co.uk/itm/Menabo-Roof-Box-320L-Dark-Carbon-PS-Plastic-Luggage-Cargo-Rack-Travel-Touring-/351421906333?pt=LH_DefaultDomain_3&hash=item51d260bd9d" target="_blank"><div style="line-height:10px"> <img class="bannerbig3" src="http://hosting-source.bm23.com/34660/public/aaron/test300.jpg" alt="" border="0" width="186" height="279" style="display:block; border:none; outline:none; padding-bottom:0px; min-width:186px;text-decoration:none;"> </a></div>
                                             </td>
                                          </tr>
                                          <!-- end of image1 -->
                                          <tr>
                                             <td>
                                                <!-- start of text content table -->  
                                                <table width="186" align="center" border="0" cellpadding="0" cellspacing="0" class="devicewidthinner">
                                                   <tbody>
                                                      <!-- Spacing -->
                                                      <tr>
                                                         <td width="186" height="15" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;">&nbsp;</td>
                                                      </tr>
                                                      <!-- Spacing -->
                                                      <!-- title1 -->
                                                      <!-- BULLETPROOF BUTTON -->
                                                      <tr>
                                                      <td width="33%"  align="center" class="devicewidth">

                                    <table width="186" border="0" cellspacing="0" cellpadding="0" class="mobile-button-container">
                                        <tr>
                                            <td align="center" style="padding: 10px 0 0 0;" class="padding-copy">
                                                <table border="0" cellspacing="0" cellpadding="0" class="responsive-table">
                                                    <tr>
                                                        <td align="center"><a href="http://www.ebay.co.uk/itm/Menabo-Roof-Box-320L-Dark-Carbon-PS-Plastic-Luggage-Cargo-Rack-Travel-Touring-/351421906333?pt=LH_DefaultDomain_3&hash=item51d260bd9d" target="_blank" style="font-size: 16px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; color: #ffffff; text-decoration: none; background-color: #DF7401; border-top: 5px solid #DF7401; border-bottom: 5px solid #DF7401; border-left: 15px solid #DF7401; border-right: 15px solid #DF7401; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; display: inline-block;" class="mobile-button">BUY NOW</a></td>

                                                   </tr>
                                                </table>
                                            </td>
                                        </tr>
                                    </table>
                                                      </td>
                                                      </tr>


                                                      <!-- end of title1 -->
                                                      <!-- read more -->
                                                      <tr>
                                                         <td style="font-family: Helvetica, arial, sans-serif; font-size: 14px; color: #903537;  text-align:center; line-height: 20px;" st-title="3col-price">

                                                         </td>
                                                      </tr>
                                                      <!-- end of read more -->
                                                   </tbody>
                                                </table>
                                             </td>
                                          </tr>
                                          <!-- end of text content table -->
                                       </tbody>
                                    </table>
                                    <!-- spacing -->
                                    <table width="20" align="left" border="0" cellpadding="0" cellspacing="0" class="removeMobile">
                                       <tbody>
                                          <tr>
                                             <td width="186" height="15" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;">&nbsp;</td>
                                          </tr>
                                       </tbody>
                                    </table>
                                    <!-- end of spacing -->
                                    <!-- col 2 -->
                                    <table bgcolor="#ffffff" style="min-width:186px;" width="186" align="left" border="0" cellpadding="0" cellspacing="0" class="devicewidth">
                                       <tbody>
                                          <!-- image 2 -->
                                          <tr>
                                             <td width="186" style="min-width:186px" height="279" align="center" class="devicewidth">
                                               <a href="http://www.ebay.co.uk/itm/Triple-QX-SynPlus-5w40-Fully-Synthetic-Car-Engine-Oil-5L-A3-B3-B4-5-Litre-/231306759077?pt=LH_DefaultDomain_3&hash=item35daf50ba5" target="_blank"><div style="line-height:10px"> <img class="bannerbig3" src="http://hosting-source.bm23.com/34660/public/aaron/test300.jpg" alt="" border="0" width="186" height="279" style="display:block; border:none; outline:none; min-width:186px; text-decoration:none;">
                                             </a></div></td>
                                          </tr>
                                          <!-- end of image2 -->
                                          <tr>
                                             <td>
                                                <!-- start of text content table -->  
                                                <table width="186" align="center" border="0" cellpadding="0" cellspacing="0" class="devicewidthinner">
                                                   <tbody>
                                                      <!-- Spacing -->
                                                      <tr>
                                                         <td width="186" height="15" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;">&nbsp;</td>
                                                      </tr>
                                                      <!-- Spacing -->
                                                      <!-- title2 -->
                                                      <tr>
                                                      <td width="186"  align="center" class="devicewidth">
                                                         <!-- BULLETPROOF BUTTON -->
                                    <table width="186" border="0" cellspacing="0" cellpadding="0" class="mobile-button-container">
                                        <tr>
                                            <td align="center" style="padding: 10px 0 0 0;" class="padding-copy">
                                                <table border="0" cellspacing="0" cellpadding="0" class="responsive-table">
                                                    <tr>
                                                        <td align="center"><a href="http://www.ebay.co.uk/itm/Triple-QX-SynPlus-5w40-Fully-Synthetic-Car-Engine-Oil-5L-A3-B3-B4-5-Litre-/231306759077?pt=LH_DefaultDomain_3&hash=item35daf50ba5" target="_blank" style="font-size: 16px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; color: #ffffff; text-decoration: none; background-color: #DF7401; border-top: 5px solid #DF7401; border-bottom: 5px solid #DF7401; border-left: 15px solid #DF7401; border-right: 15px solid #DF7401; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; display: inline-block;" class="mobile-button">BUY NOW</a></td>

                                                   </tr>
                                                </table>
                                            </td>
                                        </tr>
                                    </table>
                                                      </td>
                                                      </tr>

                                                      <!-- end of title2 -->
                                                      <!-- read more -->

                                                      <!-- end of read more -->
                                                   </tbody>
                                                </table>
                                             </td>
                                          </tr>
                                          <!-- end of text content table -->
                                       </tbody>
                                    </table>
                                    <!-- end of col 2 -->

                                    <!-- col 3 -->
                                    <table bgcolor="#ffffff" width="186" height="279" style="min-width:186px" align="right" border="0" cellpadding="0" cellspacing="0" class="devicewidth">
                                       <tbody>
                                          <!-- image3 -->
                                          <tr>
                                             <td width="186" style="min-width:186px;max-width:186px" height="" align="center" class="devicewidth">
                                                <a href="http://www.ebay.co.uk/itm/Universal-13-Inch-Wheel-Trim-Set-4-Toptech-Revolution-/351090774630?pt=LH_DefaultDomain_3&hash=item51bea41266" target="_blank">
                                                <img class="bannerbig3" src="http://hosting-source.bm23.com/34660/public/aaron/test300.jpg" alt="" border="0" width="186" height="279" style="display:block; border:none; min-width:186px; outline:none; text-decoration:none;">
                                             </a>
                                             </td>
                                          </tr>
                                          <!-- end of image3 -->
                                          <tr>
                                             <td>
                                                <!-- start of text content table -->  
                                                <table width="186" align="center" border="0" cellpadding="0" cellspacing="0" class="devicewidthinner">
                                                   <tbody>

                                                      <!-- title 3-->
                                                       <tr>
                                                      <td width="100%"  align="center" class="devicewidth">
                                                         <!-- BULLETPROOF BUTTON -->
                                    <table width="186" border="0" cellspacing="0" cellpadding="0" class="mobile-button-container">
                                        <tr>
                                            <td align="center" style="padding: 10px 0 0 0;" class="padding-copy">
                                                <table border="0" cellspacing="0" cellpadding="0" class="responsive-table">
                                                    <tr>
                                                        <td align="center"><a href="http://www.ebay.co.uk/itm/Universal-13-Inch-Wheel-Trim-Set-4-Toptech-Revolution-/351090774630?pt=LH_DefaultDomain_3&hash=item51bea41266" target="_blank" style="font-size: 16px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; color: #ffffff; text-decoration: none; background-color: #DF7401; border-top: 5px solid #DF7401; border-bottom: 5px solid #DF7401; border-left: 15px solid #DF7401; border-right: 15px solid #DF7401; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; display: inline-block;" class="mobile-button">BUY NOW</a></td>

                                                   </tr>
                                                </table>
                                            </td>
                                        </tr>
                                    </table>
                                                      </td>
                                                      </tr>

                                                      <!-- end of title 3-->
                                                      <!-- read more -->

                                                      <!-- end of read more -->
                                                        <tr>
                                 <td width="186" height="10"></td>
                              </tr>
                                                   </tbody>
                                                </table>
                                             </td>
                                          </tr>
                                          <!-- end of text content table -->
                                       </tbody>
                                    </table>
                                 </td>
                                 <!-- spacing -->
                                 <!-- end of spacing -->
                              </tr>
                           </tbody>
                        </table>
                     </td>
                  </tr>
               </tbody>
            </table>
         </td>
      </tr>
   </tbody>
</table>
<!-- end of 3 columns -->