TM
1
Outlook 2010 + Apple Mail 5 Stacking Columns
I am coding an email that is responsive with a two column layout. I have two tables that are side by side aligned left and right but in Outlook 2010 and Apple mail 5 the tables are stacked on top of each other. Looks fine everywhere else. Does anyone know of a fix for this?
I had this problem with tables being slightly unstable in Outlook and on my Android tablet. I put this code between each table - worked for me.
<!--[if gte mso 9]>
</td>
<td valign="top">
<![endif]-->
THANK YOU SO MUCH!!! This was a life-saver!!!
@Nicola, genius. Spent hours trying to fix it :)
I had this problem and if i leave some space on the outside of the tables they will line up correctly. When the outside table is 600px and the two inside tables are both 300px, outlook stacks them. But if i make both of the tables 290px it works fine. I'm assuming outlook adds a bit of padding or something to tables by default, thus screwing everything up.
It would be helpful, if you paste your code. Without it's hard to guess...
right of course: It's actually only doing this in Apple Mail 5 now, everywhere else looks good. Outlook problem was fixed by adding: <div align="right" style="display:inline;"> around the tables that were stacking
Regarding Apple Mail 5, I'm going to take a stab in the dark here and assume you're checking this on Litmus. In the past I've had several phantom "rendering errors" on Apple Mail 5 according to Litmus, that did not materialise when I checked the email in Apple Mail 5 itself. I suggest you do the same.