outlook 07 changing the width of cells after it downloads images.

Hello, trying to get a email working right in outlook 07.  It looks ok before it downloads any of the images but when I download them, it resizes some cells.

Here is the before:
http://www.createwithcurtis.com/before.jpg

and the after
http://www.createwithcurtis.com/after.jpg

Heres the code for one of the sections

<table style="padding: 0; border-collapse: collapse;">
    <tr>
        <td width="539" style="width: 539px; padding: 5px 15px; background: #cccccc; color: #343333; font-family: arial; font-size: 14px; margin: 0;">
            <table style="border-top: 1px solid #5a5959; border-collapse: collapse;" width="100%">
                <tr>
                    <td valign="top" align="left" width="184" style="padding: 10px 0;"><a href="http://www.sdfg.com/enews.asp#article2"><img src="http://www.sdfg.com/eblasts/may09/article_2.jpg" alt="" style="border: 0;" /></a></td>
                    
                    <td valign="center" align="left" width="355" style="padding: 10px 0;">
                        <h2 style="margin: 0 0 3px 0; width: 355px; font-family: arial; font-size: 20px; color: #333333">We're goin' to Disney World... sort of</h2>
                        <h3 style="margin: 0 0 3px 0; width: 355px; font-family: arial; font-size: 14px; color: #1e1e1e; font-weight: normal; font-style: italic;">How does your team create a favorable thought process?</h3>
                    </td>
                </tr>
                <tr>
                    <td colspan="2" style="font-family: arial; font-size: 14px;">                                                            
                        <p style="line-height: 1.5; width: 537px">How is it that Disney World is still packed with people at an average cost of $4900 for a five day trip for a family of four in an economy like this?  They are experts at providing a favorable thought process.  From the billboards as you approach, to the characters in the welcoming area, Disney controls the experience. <a href="http://www.sdfg.com/enews.asp#article2">Click here to read more.</a></p>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>

any ideas?

Thanks

BThies BThies, 7 years ago

Just throw another nested table in the <TD> (the one with the 355px), and set it at 355px width.

Use tables to guarantee your widths and you should have no problems.

- Brian


Brian Thies
Professional Email Developer
Thies Publishing
phatsaxman, 7 years ago

Your td width in line 3 is 539px, but remember you are using 15px padding on the left and right.  When you add the td width on line 6 and line 8, that equals 539px, but you don't have that much room available.  You really only have 509px available so outlook is blowing it out to accammodate the extra space you are trying to use.

rzfarrell, 7 years ago

Thanks a lot to both of you.  I had to use both ideas to get it to work correctly.

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