
Table Widths in Outlook are Squashing My Content
Hi Guys,
I'm having trouble with outlook and yahoo not respecting my 600px table width stipulations when viewed on a 13inch laptop. They're squashing down by about 20 px or so either side, forcing side-by-side content to stack vertically. Now litmus doesn't render this as an issue, and it works on most versions of Outlook ive tested it on. I'm running MSO standard 2010 and it renders fine. My boss is running THE SAME VERSION on her laptop and is seeing squashing issues.
This is the table that I believe to be the culprate. It's the main containing table for the internal content:
<table width="600" border="0" class="deviceWidth" align="center" cellpadding="0" cellspacing="0" bgcolor="#ffffff">
<tr>
<td class="border0" style="border:1px; border-color:#eeeeee; border-style:solid; padding:18px;">
Any help with this would be soooo apprecieated.
Thanks so much guys.
All the best,
James
P.S. Is there any way I can attach the whole email here for you guys to look at? Thanks!
What is the deviceWidth class doing to the table?
Also for future reference you can render your border like so:
The deviceWidth is for responsive design, it re-sizes certain tables.
From the CSS:
There are two ways to easily share code in the Community. The preferred method is to use Litmus Builder to embed your email, which gives everyone a preview and allows them to check out and play around with the code to help fix it. You can read more about that method here: https://litmus.com/community/discussions/975-sharing-code-in-community-with-litmus-builder
The other way is to use Markdown to format any code. Here's a quick guide to doing so: https://litmus.com/community/code/107-posting-code-on-community