I have a bunch of nested tables in my email, which I know isn't necessarily best practice, but it was the only way I could accomplish the data org that I wanted. In some email clients, these tables are shown side by side, as if they weren't inside of another table. Do you know why this is? I typically code web pages, not emails, so I'm not very familiar with all of these little quirks. The email clients that render it incorrectly are the following: Lotus Notes 8, Lotus Notes 8.5, Lotus Notes 9, Outlook 2000, Outlooks 2002, Outlook 2003, Outlook 2007, outlook 2010, and outlook 2013. So quite a few..,

Code:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Regarding Your VRBO Inquery with VacationCandy</title>
<style>
@media screen and (max-width:500px){
.mobile-img{
padding-right:10px;
}
.mobile-friend{
display:block;
padding-left:0 !important;
}
.mobile-friend.results, .mobile-friend.no-results{
width:100% !important;
}
.location-name{
font-size:28px !important;
display:block !important;
width:100%;
}
.nav{
font-size:12px !important;
}
.mob-cen{
text-align:center !important;
}
.learn-more{
float:none !important;
}
}
@media screen and (min-width: 601px) {
.content {
width: 500px!important;
}
.avail-head{
text-align:left !important;
}
}
</style>
</head>
<body>
<!--[if (gte mso 9)|(IE)]>
<table width="500" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<![endif]-->
<table width="100%" style="background-color:white; text-align:center; margin:auto; width:100%; overflow:hidden;" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<!--[if (gte mso 9)|(IE)]>
<table width="500" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<![endif]-->
<table class="content" align="center" cellpadding="0" cellspacing="0" border="0" style="margin:auto; max-width:500px;">
<tr style="padding-top: 15px;
padding-bottom:7px;
width:100%;
display:block;">
<td width="60%;" style="padding-right: 25px; text-align:left; width:60%; height:auto;">
<a href="https://vacationcandy.com">
<img width="50%" height="auto" style="max-width:170px; width: 50%; height:auto;" src="https://vacationcandy.com/logo.png" alt="VacationCandy"/>
</a>
</td>
<td class="nav" width="15%" style="text-transform:uppercase;
width:15%;
text-align:right;
font-size:14px;
font-family:arial;
color: #3089c8">
<a href="https://vacationcandy.com/destinations" style="text-decoration:none; color: #3089c8">
Destinations
</a>
</td>
<td class="nav" width="15%" style="padding-left:15px;
text-transform:uppercase;
width:15%; text-align:right;
font-size:14px;
font-family:arial;
color: #3089c8">
<a href="https://vacationcandy.com/contact" style="text-decoration:none; color: #3089c8">

Contact
</a>
</td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td><td>
<![endif]-->
<!--[if (gte mso 9)|(IE)]>
<table width="500" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<![endif]-->
<table class="content" align="center" cellpadding="0" cellspacing="0" border="0" style="
margin:auto;
max-width:500px;">
<tr style="display:table;
padding-bottom:30px;">
<td colspan="4" width="100%" style="width:100%;
vertical-align:top;">
<a href="">
<img height="auto" width="100%" style="width:100%;
height:auto;"
src="http://o3.aolcdn.com/dims-global/dims3/MAPQUEST/resize/620x520%5E/crop/620x520/http://o.aolcdn.com/hss/storage/mqdiscover/108fb6e5b84de344a929b4474f0686b4"
alt="Disney World"/>
</a>
</td>
</tr>
<tr class="mobile-center location-c" style="display:table; margin:auto;">
<td class="location-name mobile-center" colspan="4" style="padding-bottom:15px;
text-transform:uppercase;
font-size:36px;
font-family:'Shree Devanagari 714', arial;
color: #676767;
font-weight:100;
letter-spacing:1;
line-height:1.5;
text-align:center;">
DISNEY WORLD, FL
</td>
</tr>
<tr>
<td colspan="4" class="mobile-center" style="text-align:left;
font-size:12px;
font-family:arial;
color: #676767;
font-weight:300;
letter-spacing:1;
line-height:1.5;
text-align:center;">
<span>Room Type: 2 Bedroom, Occupancy: 2,</span>
<span>Dates: ___ to ___, Resort: ----</span>
</td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td><td>
<![endif]-->
<!--[if (gte mso 9)|(IE)]>
<table width="500" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<![endif]-->
<table style="max-width:500px;
margin:auto;
display:block;
border-collapse:separate;
;">
<tr style="text-align:center; font-size:0;">
<td class="mobile-friend mobile-center mobile-img"
style="font-size: 0;
text-align: center;
vertical-align:top;
border-collapse:separate;
display:inline-block;">
<img width="180" height="auto" style="padding-bottom:15px;
padding-top:15px;
width:180px;"
src="http://www.continentaljourneys.com/pics/3.jpg" alt="Bay Lake Tower"
/>
</td>
<td style="vertical-align:top; padding-top:7px; text-align: center; font-size: 0; display:inline-block;">
<!--[if (gte mso 9)|(IE)]>
<table width="500" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<![endif]-->
<table style="border-spacing:20px 7.5px;
font-size:12px;
font-family:arial;
color: #676767;
font-weight:300;
letter-spacing:1;
line-height:1.5;
text-align:center;">
<tr>
<td>Ocean View</td>

<td>$2,000.00</td>
<td>
<a style="text-decoration:none;
color:white;
background-color:#f17f1f;
border-radius:2px;
padding-top: 5px;
padding-bottom: 5px;
padding-left:20px;
padding-right:20px;
font-family:'arial light', arial;
vertical-align:middle;
line-height:1.5;
letter-spacing:1;"
href="https://vacationcandy.com">
See Deal
</a>
</td>
</tr>
<tr>
<td>Ocean View</td>

<td>$2,000.00</td>
<td>
<a style="text-decoration:none;
color:white;
background-color:#f17f1f;
border-radius:2px;
padding-top: 5px;
padding-bottom: 5px;
padding-left:20px;
padding-right:20px;
font-family:'arial light', arial;
vertical-align:middle;
line-height:1.5;
letter-spacing:1;"
href="https://vacationcandy.com">
See Deal
</a>
</td>
</tr>

<tr>
<td>Ocean View</td>

<td>$2,000.00</td>
<td>
<a style="text-decoration:none;
color:white;
background-color:#f17f1f;
border-radius:2px;
padding-top: 5px;
padding-bottom: 5px;
padding-left:20px;
padding-right:20px;
font-family:'arial light', arial;
vertical-align:middle;
line-height:1.5;
letter-spacing:1;"
href="https://vacationcandy.com">
See Deal
</a>
</td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td><td>
<![endif]-->
</td>
</tr>
</table>

<!--[if (gte mso 9)|(IE)]>
</td><td>
<![endif]-->
<!--[if (gte mso 9)|(IE)]>
<table width="500" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<![endif]-->
<table width="100%" style="max-width:500px;
margin:auto;
display:block;
border-collapse:separate;
width:100%;
text-align:center;
">
<tbody style="display:-webkit-inline-box;">
<tr class="avail-head" style="text-align:center">
<td style="
padding-top:30px;
padding-bottom:15px;
font-size:18px;
font-family:'Shree Devanagari 714','arial light', arial;
color: #676767;
font-weight:100;
display:block;">
Alternate Availability
</td>
</tr>

<tr width="100%" class="mobile-center" width="100%; display:block;">
<td class="mobile-friend mobile-center mobile-img"
style="vertical-align:top;
text-align:center;
border-collapse:separate;">
<img width="180" height="auto" style="padding-bottom:30px;
width:180px;
height:auto;"
src="http://www.continentaljourneys.com/pics/3.jpg"
alt="Bay Lake Tower"
/>
</td>
<td class="results mobile-friend mobile-center"
style="padding-bottom: 30px;
text-align:center;
font-size:12px;
font-family:arial;
color: #676767;
font-weight:300;
letter-spacing:1;
line-height:1.5;
padding-left: 20px;
vertical-align:top;
display:block;">
<span class="mob-cen" style="font-weight:600; font-size: 12px; letter-spacing: 1; text-align:left;">
<p class="mob-cen" style="margin-top:0; text-align:left;">Bay Lake Tower at Disney's Contemporary Resort</p>
</span>
<span class="mob-cen"
style="text-align:left;
font-size:12px;
font-family:arial;
color: #676767;
font-weight:300;
letter-spacing:1;
line-height:1.5;
margin-top:15px;
vertical-align:top;
display:block;">
1 Bedroom, 2 Bedroom, Studio
</span>
<span class="mob-cen" style="display:block; margin-bottom: 22px; color:#3089c8; text-align:left;">
Starting at $_____
</span>
<a class="learn-more"
style="text-decoration:none;
color:white;
background-color:#f17f1f;
border-radius:2px;
padding-top:5px;
padding-bottom: 5px;
padding-left:20px;
padding-right:20px;
font-family:'arial light', arial;
vertical-align:middle;
line-height:1.5;
letter-spacing:1;
float:left;"
href="https://vacationcandy.com">
Learn More
</a>
</td>
</tr>
<tr>
<td class="mob-cen" style="text-align:left;
font-size:12px;
font-family:arial;
color: #676767;
font-weight:300;
letter-spacing:1;
line-height:1.5;
padding-bottom: 30px;
padding-top:30px;">
Sincerely,
<br>
<br>
The VacationCandy Crew<br>
<a style="text-decoration:none; color:#3089c8;" href="tel:888-487-5527">(888) 487-5527</a><br>
<a style="text-decoration:none; color:#3089c8;" href="mailto:info@vacationcandy.com">info@vacationcandy.com</a><br>
<a style="text-decoration:none; color:#3089c8;" href="https://vacationcandy.com">VacationCandy.com</a>
<br>
<br>
</td>
</tr>
</tbody>
</table>
<!--[if (gte mso 9)|(IE)]>
</td><td>
<![endif]-->
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</body>
</html>