Problems floating tables Gmail app on Android 4.4

I'm working on a template that needs to work on Android 4.4, so I've been using floating tables to get everything in the right place (and using Outlook 2007+ hacks).

Now the template works well in pretty much all mail prorgams, like Android 4.2 Gmail app and Android mail app, all iPhones, Outlook 2007+ and Android 4.4 mail app and Outlook.com app.

Only on Android 4.4 Gmail app it goes wrong. The 2 columns floating tables that should show side by side (without space in between) are shown stacked.

http://subscriber.e-mark.com/img/img7V316Q36772Qdm_marinus.jpeg

I've tried to get them to float correctly again by added an extra pixel to the table, and by adding a spacer image of 700px with a min-width of 700px. But nothing works. I'm getting a bit desperate here...

You can find the complete html here.

Any ideas how I can fix this problem?

oneblackcrayon oneblackcrayon, 2 years ago

Hi
You can try this code to see if it helps.
Basically instead of having two tables floated left, try one table floated right:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width" />
<title>test Greetz new 2</title>
<style type="text/css" media="screen">
<!--
.ReadMsgBody {
  width: 100%;
}
.ExternalClass {
  width: 100%;
}
.yshortcuts {
  color: #7fc800;
}
.yshortcuts a span {
  color: #00cbc8;
  border-bottom: none !important;
  background: none !important;
}
body {
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
a {
  color: #999999;
  text-decoration: underline;
}
img {
  border: 0;
}
div, p, a, li, td {
  -webkit-text-size-adjust: none;
}
@media only screen and (max-width: 720px) {
body {
  width: auto !important;
}
table[class="table720"] {
  width: 320px !important;
}
table[class="table700"] {
  width: 95% !important;
}
table[class="tableFull"] {
  width: 100% !important;
}
td[class="divider"] img {
  width: 100% !important;
  min-width: 100% !important;
  height: 1px;
  display: block;
}
td[class="saleText"], td[class="box350Text"], td[class="box225First"], td[class="box225Second"], td[class="box225Last"] {
  font-size: 14px !important;
}
td[class="logo"] img {
  width: 70px !important;
  height: 70px !important;
}
td[class="online"], td[class="mobileHide"], td[class="footSmall"], td[class="footerHide"] {
  display: none;
}
td[class="social"] {
  padding-top: 5px;
}
table[class="headerLinks"] {
  display: none;
}
td[class="header"] img {
  max-width: 700px;
  width: 100% !important;
  min-width: 100% !important;
  height: auto;
  display: block;
}
table[class="floatTable"] {
  width: 100% !important;
  float: none !important;
  margin-bottom: 20px;
}
table[class="floatTable"] td {
  padding-left: 0 !important;
}
td[class="floatImg"] img {
  width: 100% !important;
  height: auto;
}
table[class="floatTableFooter"] {
  width: 100% !important;
  float: none !important;
  margin-bottom: 5px;
}
table[class="floatTableFooter"]:last-of-type {
  margin-bottom: 0 !important;
}
td[class="footMiddle"] img {
  max-width: 350px;
  width: 100% !important;
  height: auto;
}
td[class="footerImage"] img {
  width: 100% !important;
  max-width: 307px;
  height: auto;
}
td[class="footerLogo"] {
  padding-right: 10px !important;
}
td[class="footerLogo"] img {
  width: 50px !important;
  height: auto;
}
td[class="box225Icon"] {
  width: 70px !important;
  height: 70px !important;
}
td[class="box225First"] img, td[class="box225Second"] img, td[class="box225Last"] img {
  width: auto !important;
  height: auto;
}
}
@media only screen and (max-width: 320px) {
table[class="table720"] {
  width: 100% !important;
}
}
-->
</style>
</head>
<body bgcolor="#CCCCFF" style="margin: 0px; padding: 0px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#CCCCFF">
  <tr>
    <td valign="top" align="center">
      <!-- POSITION(pre) --><!-- TEMPLATE(preheader,positions(pre)) -->
      <div style="width: 0; height: 0; overflow: hidden; display:none; visibility:hidden; color:#ffffff;font-size:0px">Een zomers cadeautje voor jou</div>
      <!-- /TEMPLATE(preheader) -->
      <table width="720" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF" class="table720">
        <tr>
          <td align="center">
            <!-- POSITION(head) --><!-- TEMPLATE(headerText,positions(head=auto)) -->
            <table width="700" border="0" align="center" cellpadding="0" cellspacing="0" class="table700">
              <tr>
                <td class="logo" width="103" valign="bottom">
                  <a href="http://www.greetz.nl/" title="Greetz" target="_blank"><img src="http://subscriber.e-mark.nl/img/img7V316Q36366Qdm_marinusQ.gif" alt="Greetz" width="100" height="100" border="0" style="display:block" /></a>
                </td>
                <td align="right" valign="top">
                  <table cellpadding="0" cellspacing="0" width="100%" border="0">
                    <tr>
                      <td class="online" align="center">
                        <table cellpadding="0" cellspacing="0" border="0">
                          <tr>
                            <td width="74" valign="bottom">
                              <img src="http://subscriber.e-mark.nl/img/img7V316Q36372Qdm_marinusQ.gif" width="74" height="6" alt="" border="0" style="display:block;" />
                            </td>
                            <td width="8">
                              <img src="http://subscriber.e-mark.nl/img/img7V316Q36370Qdm_marinusQ.gif" width="8" height="24" alt="" border="0" style="display:block;" />
                            </td>
                            <td bgcolor="#60666b" height="20" align="center" style="font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:11px; color:#ffffff;">
                              <a href="http://subscriber.e-mark.com/online.php?db=7V316&amp;mailing=E957V0&amp;user=1V123" style="color:#ffffff; text-decoration:none;">Bekijk nieuwsbrief online</a>
                            </td>
                            <td width="8">
                              <img src="http://subscriber.e-mark.nl/img/img7V316Q36371Qdm_marinusQ.gif" width="8" height="24" alt="" border="0" style="display:block;" />
                            </td>
                            <td width="74" valign="bottom">
                              <img src="http://subscriber.e-mark.nl/img/img7V316Q36373Qdm_marinusQ.gif" width="74" height="6" alt="" border="0" style="display:block;" />
                            </td>
                          </tr>
                        </table>
                      </td>
                      <td width="103" align="right" class="social">
                        <table cellpadding="0" cellspacing="0" border="0">
                          <tr>
                            <td>
                              <a href="http://www.facebook.com/greetznl" target="_blank"><img src="http://subscriber.e-mark.nl/img/img7V316Q36362Qdm_marinusQ.gif" width="23" height="20" alt="Facebook" border="0" /></a>
                            </td>
                            <td>
                              <a href="http://twitter.com/greetznl" target="_blank"><img src="http://subscriber.e-mark.nl/img/img7V316Q36364Qdm_marinusQ.gif" width="22" height="20" alt="Twitter" border="0" /></a>
                            </td>
                            <td>
                              <a href="http://blog.greetz.nl/" target="_blank"><img src="http://subscriber.e-mark.nl/img/img7V316Q36361Qdm_marinusQ.gif" width="23" height="20" alt="Blogger" border="0" /></a>
                            </td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </table>
                  <table cellpadding="0" cellspacing="0" border="0" class="headerLinks">
                    <tr>
                      <td height="38" colspan="5">&nbsp;
                      </td>
                    </tr>
                    <tr>
                      <td style="padding-right:25px;">
                        <a href="http://www.greetz.nl/wenskaarten/" title="Wenskaarten" target="_blank"><img src="http://subscriber.e-mark.nl/img/img7V316Q36356Qdm_marinusQ.gif" width="90" height="12" alt="Wenskaarten" border="0" /></a>
                      </td>
                      <td style="padding-right:25px;">
                        <a href="http://www.greetz.nl/cadeaus/" title="Cadeaus" target="_blank"><img src="http://subscriber.e-mark.nl/img/img7V316Q36357Qdm_marinusQ.gif" width="58" height="12" alt="Cadeaus" border="0" /></a>
                      </td>
                      <td style="padding-right:25px;">
                        <a href="http://www.greetz.nl/uitnodigingen/" title="Uitnodigingen" target="_blank"><img src="http://subscriber.e-mark.nl/img/img7V316Q36359Qdm_marinusQ.gif" width="100" height="12" alt="Uitnodigingen" border="0" /></a>
                      </td>
                      <td style="padding-right:25px;">
                        <a href="http://www.greetz.nl/geboorte/" title="Geboortekaarten" target="_blank"><img src="http://subscriber.e-mark.nl/img/img7V316Q36358Qdm_marinusQ.gif" width="120" height="12" alt="Geboortekaarten" border="0" /></a>
                      </td>
                      <td>
                        <a href="http://www.greetz.nl/trouwkaart/" title="Trouwkaarten" target="_blank"><img src="http://subscriber.e-mark.nl/img/img7V316Q36355Qdm_marinusQ.gif" width="99" height="12" alt="Trouwkaarten" border="0" /></a>
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>
            <!-- /TEMPLATE(headerText) --><!-- POSITION(content) --><!-- TEMPLATE(header,positions(content=auto)) -->
            <table width="700" border="0" cellspacing="0" cellpadding="0" class="table700">
              <tr>
                <td class="header" align="left" valign="middle">
                  <a href="#"><img src="http://subscriber.e-mark.nl/img/img7V316Q36352Qdm_marinusQ.gif" alt="Ga naar greetz.nl" width="700" height="343" border="0" style="display:block" /></a>
                </td>
              </tr>
            </table>
            <!-- /TEMPLATE(header) --><!-- TEMPLATE(kortingscode_korting,positions(content)) -->
            <table width="700" border="0" cellspacing="0" cellpadding="0" class="table700">
              <tr>
                <td class="saleText" align="center" style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#363636; padding:10px 0;">
                  Gebruik deze kortingscode in je winkelmandje: <font color="#f99d00">{Vouchercode_2}</font>
                </td>
              </tr>
            </table>
            <!-- /TEMPLATE(kortingscode_korting) --><!-- TEMPLATE(content_tekst,positions(content)) -->
            <table width="700" border="0" cellspacing="0" cellpadding="0" class="table700">
              <tr>
                <td class="saleText" align="left" valign="top" style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#363636; line-height:17px">
                  <b>Beste {firstname},</b><br />
                  <br />
                  Vrolijke tekeningen, lachende gezichten en opgewekte kleuren. Daar word je toch blij van? <br />
                  <br />
                  Ken jij iemand die wel een zonnestraaltje kan gebruiken? Bekijk onze <a href="#" style="color:#f99d00">Blond Amsterdam collectie</a> en verwen iemand. Met een cadeautje van Blond zit je namelijk altijd goed! <br />
                  <br />
                  <a href="#" target="_blank"><img src="http://subscriber.e-mark.nl/img/img7V316Q36342Qdm_marinusQ.gif" alt="" width="150" height="30" border="0" style="display:block;" /></a>
                </td>
              </tr>
            </table>
            <table width="700" border="0" cellspacing="0" cellpadding="0" class="table700">
              <tr>
                <td height="10">&nbsp;
                </td>
              </tr>
            </table>
            <!-- /TEMPLATE(content_tekst) --><!-- TEMPLATE(3_kolommen_text,positions(content)) -->
            <table width="700" border="0" cellspacing="0" cellpadding="0" class="table700" align="center">
              <tr>
                <td align="left" class="text" style="font-family:Tahoma, Helvetica, sans-serif; font-size:11px; line-height:16px; color:#666666;">
                  <table cellpadding="0" cellspacing="0" border="0" align="left" style="mso-table-rspace:0pt;mso-table-lspace:0pt;border-collapse:collapse;" class="floatTable" width="237">
                    <tr>
                      <td>
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td class="floatImg">
                              <img src="http://subscriber.e-mark.nl/img/img7V316Q36349Qdm_marinusQ.gif" width="225" height="200" alt="" border="0" style="display:block;" />
                            </td>
                          </tr>
                          <tr>
                            <td align="center">
                              <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tbody>
                                  <tr>
                                    <td class="saleText" align="center" style="font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-top:10px;">
                                      <a style="color:#363636; text-decoration:none" target="_blank" href="#"><b>Corette Chardonnay &amp; Merlot</b></a><br />
                                      <a style="color:#363636; text-decoration:none" target="_blank" href="http://www.greetz.nl/"><font style="text-decoration:line-through">10,75</font>&nbsp;<font style="font-weight:bold; color:#b5d21e"> 3,75</font></a>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td align="center" style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#363636; padding-top:10px; padding-bottom:5px;" class="button">
                                      <a target="_blank" href="#"><img width="150" height="30" border="0" style="display:block; margin:0 auto;" alt="" src="http://subscriber.e-mark.nl/img/img7V316Q36342Qdm_marinusQ.gif" /></a>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                            </td>
                          </tr>
                        </table>
                      </td>
                      <td class="mobileHide" width="12">&nbsp;
                      </td>
                    </tr>
                  </table>
                  <!--[if gte mso 9]></td><td><![endif]-->
                  <table cellpadding="0" cellspacing="0" border="0" align="left" style="mso-table-rspace:0pt;mso-table-lspace:0pt;border-collapse:collapse;" class="floatTable" width="238">
                    <tr>
                      <td>
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td class="floatImg">
                              <img src="http://subscriber.e-mark.nl/img/img7V316Q36349Qdm_marinusQ.gif" width="225" height="200" alt="" border="0" style="display:block;" />
                            </td>
                          </tr>
                          <tr>
                            <td align="center">
                              <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tbody>
                                  <tr>
                                    <td class="saleText" align="center" style="font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-top:10px;">
                                      <a style="color:#363636; text-decoration:none" target="_blank" href="#"><b>Corette Chardonnay &amp; Merlot</b></a><br />
                                      <a style="color:#363636; text-decoration:none" target="_blank" href="http://www.greetz.nl/"><font style="text-decoration:line-through">10,75</font>&nbsp;<font style="font-weight:bold; color:#b5d21e"> 3,75</font></a>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td align="center" style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#363636; padding-top:10px; padding-bottom:5px;" class="button">
                                      <a target="_blank" href="#"><img width="150" height="30" border="0" style="display:block; margin:0 auto;" alt="" src="http://subscriber.e-mark.nl/img/img7V316Q36342Qdm_marinusQ.gif" /></a>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                            </td>
                          </tr>
                        </table>
                      </td>
                      <td class="mobileHide" width="13">&nbsp;
                      </td>
                    </tr>
                  </table>
                  <!--[if gte mso 9]></td><td><![endif]-->
                  <table cellpadding="0" cellspacing="0" border="0" align="left" style="mso-table-rspace:0pt;mso-table-lspace:0pt;border-collapse:collapse;" class="floatTable" width="225">
                    <tr>
                      <td class="floatImg">
                        <img src="http://subscriber.e-mark.nl/img/img7V316Q36349Qdm_marinusQ.gif" width="225" height="200" alt="" border="0" style="display:block;" />
                      </td>
                    </tr>
                    <tr>
                      <td align="center">
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                          <tbody>
                            <tr>
                              <td class="saleText" align="center" style="font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-top:10px;">
                                <a style="color:#363636; text-decoration:none" target="_blank" href="#"><b>Corette Chardonnay &amp; Merlot</b></a><br />
                                <a style="color:#363636; text-decoration:none" target="_blank" href="http://www.greetz.nl/"><font style="text-decoration:line-through">10,75</font>&nbsp;<font style="font-weight:bold; color:#b5d21e"> 3,75</font></a>
                              </td>
                            </tr>
                            <tr>
                              <td align="center" style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#363636; padding-top:10px; padding-bottom:5px;" class="button">
                                <a target="_blank" href="#"><img width="150" height="30" border="0" style="display:block; margin:0 auto;" alt="" src="http://subscriber.e-mark.nl/img/img7V316Q36342Qdm_marinusQ.gif" /></a>
                              </td>
                            </tr>
                          </tbody>
                        </table>
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>
            <!-- /TEMPLATE(3_kolommen_text) --><!-- TEMPLATE(2_kolommen_text,positions(content)) -->
            <table width="700" border="0" cellspacing="0" cellpadding="0" class="table700" align="center">
              <tr>
                <td>
                  <table cellpadding="0" cellspacing="0" border="0" align="left" style="mso-table-rspace:0pt;mso-table-lspace:0pt;border-collapse:collapse;" class="floatTable" width="49%">
                    <tr>
                      <td class="floatImg">
                        <img src="http://subscriber.e-mark.nl/img/img7V316Q36350Qdm_marinusQ.gif" width="350" height="250" alt="" border="0" style="display:block;" />
                      </td>
                    </tr>
                    <tr>
                      <td class="box350Text" align="left" style="font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:7px 10px 5px 0;">
                        <b>Dit is een titel</b><br />
                        Beschrijving van het beeld.
                      </td>
                    </tr>
                  </table>
                  <!--[if gte mso 9]></td><td><![endif]-->
                  <table cellpadding="0" cellspacing="0" border="0" align="right" style="mso-table-rspace:0pt;mso-table-lspace:0pt;border-collapse:collapse;" class="floatTable" width="49%">
                    <tr>
                      <td class="floatImg">
                        <img src="http://subscriber.e-mark.nl/img/img7V316Q36351Qdm_marinusQ.gif" width="350" height="250" alt="" border="0" style="display:block;" />
                      </td>
                    </tr>
                    <tr>
                      <td class="box350Text" align="left" style="font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:7px 10px 5px 0;">
                        <b>Dit is een titel</b><br />
                        Beschrijving van het beeld.
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>
            <!-- /TEMPLATE(2_kolommen_text) --><!-- POSITION(footer) --><!-- TEMPLATE(footer_blokken,positions(footer=auto)) -->
            <table width="700" border="0" cellspacing="0" cellpadding="0" class="table700">
              <tr>
                <td class="footSmall" align="right">
                  <img src="http://subscriber.e-mark.nl/img/img7V316Q36367Qdm_marinusQ.gif" width="175" height="66" alt="" border="0" />
                </td>
                <td class="footMiddle" align="center">
                  <img src="http://subscriber.e-mark.nl/img/img7V316Q36368Qdm_marinusQ.gif" width="350" height="66" alt="" border="0" />
                </td>
                <td class="footSmall" align="left">
                  <img src="http://subscriber.e-mark.nl/img/img7V316Q36369Qdm_marinusQ.gif" width="175" height="66" alt="" border="0" />
                </td>
              </tr>
            </table>
            <table width="700" border="0" cellspacing="0" cellpadding="0" class="table700" align="center">
              <tr>
                <td align="left" class="text" style="font-family:Tahoma, Helvetica, sans-serif; font-size:11px; line-height:16px; color:#666666;">
                  <table cellpadding="0" cellspacing="0" border="0" align="left" style="mso-table-rspace:0pt;mso-table-lspace:0pt;border-collapse:collapse;" class="floatTableFooter" width="237">
                    <tr>
                      <td>
                        <table cellpadding="0" cellspacing="0" width="100%" border="0" bgcolor="#f7f6f3">
                          <tr>
                            <td width="17" align="right" valign="middle">
                              <img src="http://subscriber.e-mark.nl/img/img7V316Q36343Qdm_marinusQ.gif" width="17" height="89" alt="" border="0" style="display:block;" />
                            </td>
                            <td class="box225Icon" width="65" height="86" valign="middle" align="center">
                              <a href="http://www.greetz.nl/mygreetz/stampz/" target="_blank"><img src="http://subscriber.e-mark.nl/img/img7V316Q36338Qdm_marinusQ.gif" alt="Mijn stampz" width="46" height="48" border="0" /></a>
                            </td>
                            <td class="box225First" align="left" valign="middle" style="font-family:Arial, Helvetica, sans-serif; font-size:12px;">
                              <a href="http://www.greetz.nl/mygreetz/stampz/" title="Mijn Stampz" style="color:#f6921e; text-decoration:none" target="_blank"><img src="http://subscriber.e-mark.nl/img/img7V316Q36341Qdm_marinusQ.gif" width="78" height="29" alt="Mijn stampz" border="0" /><br />
                              {loyaltypoints} stampz</a>
                            </td>
                            <td width="15" align="left" valign="middle">
                              <img src="http://subscriber.e-mark.nl/img/img7V316Q36344Qdm_marinusQ.gif" width="15" height="89" alt="" border="0" style="display:block;" />
                            </td>
                          </tr>
                        </table>
                      </td>
                      <td class="mobileHide" width="12">&nbsp;
                      </td>
                    </tr>
                  </table>
                  <!--[if gte mso 9]></td><td><![endif]-->
                  <table cellpadding="0" cellspacing="0" border="0" align="left" style="mso-table-rspace:0pt;mso-table-lspace:0pt;border-collapse:collapse;" class="floatTableFooter" width="238">
                    <tr>
                      <td>
                        <table cellpadding="0" cellspacing="0" width="100%" border="0" bgcolor="#f7f6f3">
                          <tr>
                            <td width="17" align="right" valign="middle">
                              <img src="http://subscriber.e-mark.nl/img/img7V316Q36343Qdm_marinusQ.gif" width="17" height="89" alt="" border="0" style="display:block;" />
                            </td>
                            <td class="box225Icon" width="65" valign="middle" align="center">
                              <a href="http://www.greetz.nl/mygreetz/kalender/" target="_blank"><img src="http://subscriber.e-mark.nl/img/img7V316Q36345Qdm_marinusQ.gif" width="46" height="48" alt="Mijn kalender" border="0" /></a>
                            </td>
                            <td class="box225Second" align="left" valign="middle" style="font-family:Arial, Helvetica, sans-serif; font-size:12px;">
                              <a href="http://www.greetz.nl/mygreetz/kalender/" title="Mijn Kalender" style="color:#f6921e; text-decoration:none" target="_blank"><img src="http://subscriber.e-mark.nl/img/img7V316Q36340Qdm_marinusQ.gif" width="88" height="29" alt="Mijn kalender" border="0" /><br />
                              Bekijk momenten</a>
                            </td>
                            <td width="15" align="left" valign="middle">
                              <img src="http://subscriber.e-mark.nl/img/img7V316Q36344Qdm_marinusQ.gif" width="15" height="89" alt="" border="0" style="display:block;" />
                            </td>
                          </tr>
                        </table>
                      </td>
                      <td class="mobileHide" width="13">&nbsp;
                      </td>
                    </tr>
                  </table>
                  <!--[if gte mso 9]></td><td><![endif]-->
                  <table cellpadding="0" cellspacing="0" border="0" align="left" style="mso-table-rspace:0pt;mso-table-lspace:0pt;border-collapse:collapse;" class="floatTableFooter" width="225">
                    <tr>
                      <td>
                        <table cellpadding="0" cellspacing="0" width="100%" border="0" bgcolor="#f7f6f3">
                          <tr>
                            <td width="17" align="right" valign="middle">
                              <img src="http://subscriber.e-mark.nl/img/img7V316Q36343Qdm_marinusQ.gif" width="17" height="89" alt="" border="0" style="display:block;" />
                            </td>
                            <td class="box225Icon" width="55" valign="middle" align="center">
                              <a href="http://www.greetz.nl/greetz-app/" target="_blank"><img src="http://subscriber.e-mark.nl/img/img7V316Q36337Qdm_marinusQ.gif" alt="Download apps" width="46" height="48" border="0" /></a>
                            </td>
                            <td class="box225Last" align="left" valign="middle" style="font-family:Arial, Helvetica, sans-serif; font-size:12px;">
                              <a href="http://www.greetz.nl/greetz-app/" title="Download Apps" style="color:#f6921e; text-decoration:none" target="_blank"><img src="http://subscriber.e-mark.nl/img/img7V316Q36339Qdm_marinusQ.gif" width="90" height="29" alt="Download apps" border="0" /><br />
                              iPhone, iPad, Android</a>
                            </td>
                            <td width="15" align="left" valign="middle">
                              <img src="http://subscriber.e-mark.nl/img/img7V316Q36344Qdm_marinusQ.gif" width="15" height="89" alt="" border="0" style="display:block;" />
                            </td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>
            <!-- /TEMPLATE(footer_blokken) --><!-- TEMPLATE(footer_links,positions(footer=auto)) -->
            <table width="700" border="0" cellspacing="0" cellpadding="0" class="table700">
              <tr>
                <td class="divider" valign="bottom" height="12" style="height:12px; line-height:12px;">
                  <img src="http://subscriber.e-mark.nl/img/img7V316Q36335Qdm_marinusQ.gif" width="700" height="2" alt="" border="0" style="display:block" />
                </td>
              </tr>
            </table>
            <table width="700" border="0" cellspacing="0" cellpadding="0" class="table700">
              <tr>
                <td width="6" class="footerHide">
                  <img src="http://subscriber.e-mark.nl/img/img7V316Q24755Qdm_marinusQ.gif" width="6" height="26" alt="" style="display:block" />
                </td>
                <td class="footerLinks" bgcolor="#eef4bf" align="center" valign="middle" height="26" style="font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:12px;" >
                  <a href="http://www.greetz.nl/afmelden-nieuwsbrief?email={email}&amp;name={firstname}" title="Uitschrijven" style="color:#333333; text-decoration:none" target="_blank">Afmelden nieuwsbrief</a>
                </td>
                <td width="6" class="footerHide">
                  <img src="http://subscriber.e-mark.nl/img/img7V316Q24754Qdm_marinusQ.gif" width="6" height="26" alt="" style="display:block" />
                </td>
              </tr>
            </table>
            <table width="700" border="0" cellspacing="0" cellpadding="0" class="table700">
              <tr>
                <td align="left" height="12">&nbsp;
                </td>
              </tr>
            </table>
            <!-- /TEMPLATE(footer_links) --><!-- TEMPLATE(footer_logos,positions(footer=auto)) -->
            <table width="700" border="0" cellspacing="0" cellpadding="0" class="table700">
              <tr>
                <td align="left">
                  <table cellpadding="0" cellspacing="0" border="0" width="100%">
                    <tr>
                      <td class="footerLogo" width="68">
                        <a href="http://www.thuiswinkel.org/leden" title="Thuiswinkel" target="_blank"><img src="http://subscriber.e-mark.nl/img/img7V316Q36336Qdm_marinusQ.gif" width="68" height="36" alt="Thuiswinkel waarborg" border="0" /></a>
                      </td>
                      <td class="footerImage" align="center">
                        <a href="http://www.greetz.nl/" target="_blank" title="Greetz"><img src="http://subscriber.e-mark.nl/img/img7V316Q36331Qdm_marinusQ.gif" width="329" height="36" alt="www.greetz.nl" border="0" /></a>
                      </td>
                      <td class="mobileHide" width="68">&nbsp;
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>
            <table width="700" border="0" cellspacing="0" cellpadding="0" class="table700">
              <tr>
                <td class="footSmall" align="right">
                  <img src="http://subscriber.e-mark.nl/img/img7V316Q36332Qdm_marinusQ.gif" width="175" height="66" alt="" border="0" />
                </td>
                <td class="footMiddle" align="center">
                  <img src="http://subscriber.e-mark.nl/img/img7V316Q36333Qdm_marinusQ.gif" width="350" height="66" alt="" border="0" />
                </td>
                <td class="footSmall" align="left">
                  <img src="http://subscriber.e-mark.nl/img/img7V316Q36334Qdm_marinusQ.gif" width="175" height="66" alt="" border="0" />
                </td>
              </tr>
            </table>
            <table width="700" border="0" cellspacing="0" cellpadding="0" class="table700">
              <tr>
                <td align="left" style="font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:14px; color:#999999; padding-bottom:10px;">
                  <br />
                  * Geldig bij 2 kaarten in 1 bestelling. Korting van 50% wordt berekend over de laagst geprijsde kaart. Niet geldig op geboorteaankondigingen, uitnodigingen, kaartensets &amp; pakketjes naar jezelf. Geldig t/m 27 april 2014. <a href="http://www.greetz.nl/klantenservice/overzicht/prijzen-kortingen" style="color:#999999; text-decoration:underline;" target="_blank">Meest gestelde vragen</a>
                </td>
              </tr>
            </table>
            <!-- /TEMPLATE(footer_logos) -->
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
</body>
</html>

Join 200,000 companies around the world that use Campaign Monitor to run email marketing campaigns that deliver results for their business.

Get started for free
1-888-533-8098