Hi there,

thanks to all of you I could finally fix a long time problem with weird spacing inside tables. Sadly it only works if my image is on the left. Without mso-table-rspace and mso-table-lspace there was a 3px gap to the left.
If the image is on the right side it still causes a 1px gap. I even think it's possibly a border?! Because I can change the color when adding a border or it's just overlapping that?!

I've tried thousands of "fixes", went through the complete mso style list and tried nearly everthing which got to do with spacing.
Is there any fix? Is it a known problem?

In an ideal world it would be a rather simple fix. I know, I can switch contents between Outlook and non-Outlook but I don't want to have non visible duplicate code. Adding too many [if mso] is also causing problems in a German freemailer, so changing the table structure is also a no go :-/

Here is my full example. Sorry for the colors :)

Both tables are exactly the same just the alignment is different.

>     <<!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>
>     <title>Floating Tables</title>
>         <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
>         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
>     <style type="text/css">
>             table, table td {
>                 border-collapse: collapse;
>                 mso-table-lspace:0pt;
>                 mso-table-rspace:0pt;
>             }  
>     
>     </style>
>     </head>
>     
>     <body>
>     
>     
>     <!--1_Article START-->
>                    
>     <table width="640" border="0" align="center" cellpadding="0" cellspacing="0">
>       <tbody>
>         <tr>
>           <td bgcolor="#768FBB" ><table width="400" border="0" align="left" cellpadding="0" cellspacing="0" style="display:block">
>       <tr>
>         <td align="left" valign="top"><a href="#" target="_blank">
>           <img src="http://fpoimg.com/400x350?text=Artikelbild2.3" title="" alt="" width="400" style="display:block" border="0" /></a></td>
>         </tr>
>     </table>
>     <table width="220" border="0" align="right" cellpadding="0" cellspacing="0" style="display:block">
>       <tr>
>         <td align="left" valign="top" style="font-family:Arial, Helvetica, sans-serif; color:#444444; font-size:14px;padding-top:10px; padding-right:10px; padding-bottom:10px; padding-left:10px;"> <span style="font-size:20px; color:#0BCEFF; text-transform:uppercase;"><strong>Headline</strong></span><br />
>           <br />
>           Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. 
>           
>     </td>
>       </tr>
>      
>     </table>
>     </td>
>         </tr>
>       </tbody>
>     </table>
>     
>     <!--1_Article END--> 
>     
>     <!--2_Article START-->
>                    
>     <table width="640" border="0" align="center" cellpadding="0" cellspacing="0">
>       <tbody>
>         <tr>
>           <td bgcolor="#768FBB"><table width="400" border="0" align="right" cellpadding="0" cellspacing="0" style="display:block">
>       <tr>
>         <td align="right" valign="top"><a href="#" target="_blank">
>           <img src="http://fpoimg.com/400x350?text=Artikelbild2.4" title="" alt="" width="400" style="display:block" border="0"  /></a></td>
>         </tr>
>     </table>
>     <table width="220" border="0" align="left" cellpadding="0" cellspacing="0" style="display:block">
>       <tr>
>         <td align="left" valign="top" style="font-family:Arial, Helvetica, sans-serif; color:#444444; font-size:14px;padding-top:10px; padding-right:10px; padding-bottom:10px; padding-left:10px;"> <span style="font-size:20px; color:#0BCEFF; text-transform:uppercase;"><strong>HEADLINE</strong></span><br />
>           <br />
>           Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. 
>           
>     </td>
>       </tr>
>      
>     </table>
>     </td>
>         </tr>
>       </tbody>
>     </table>
>     <!--2_Article END--> 
>     
>     </body>
>     </html>