Gmail and Internet Explorer

Hi there,

I just ran into a problem before sending a campaign today.
I usually develop my emails campaign and test my email campaign in Firefox.
I do test in Internet Explorer but just to make sure the html page displays well online.

Today i mistakenly check Gmail with Internet Explorer and the layout was broken, everything work fine in Firefox though.

Has anybody experienced this already with Internet Explorer or different Browsers? different support for different email clients depending on the browser or maybe even browser versions?

Cheers

PayS013, 8 years ago

How does the layout break?

zapatoche, 8 years ago

the following code would result in a big image pannig on the width of the newsletter, then a small image underneath, aligned right and the name anc account number of the client aligned left undr the main image.

<tr style="font: bold 16px Helvetica, Arial, Verdana, sans-serif;
  color: orangeRed;"><td valign="top" align="left"><img src="pathto/image.jpg" alt="!replace" title="!replace" width="550" height="352" ><img src="pathto/image.jpg" alt="!replace" title="!replace" width="183" height="45" align="right"><span style="padding-left: 5px;">Dear {player name}</span><br><span style="font-size: 12px; padding: 2px 0 2px 5px; display: block;">{account number}</span></td>
            </tr>

it worked fine but in Gmail in Internet Explorer where the client name would come on the rightof the image before breaking on the next line, pushing the layout further right.

the new version work in both version but i had to add a table row

<tr><td valign="top" align="left"><img src="pathto/image.jpg" alt="!replace" title="!replace" width="550" height="352" ></td>
            </tr>
            <tr style="font: bold 16px Helvetica, Arial, Verdana, sans-serif;
  color: orangeRed;"><td><img src="pathto/image.jpg" alt="!replace" title="!replace" width="183" height="45" align="right"><span style="padding-left: 5px; ">Dear {player name}</span><br><span style="font-size: 12px; line-height: 1.6; padding-left: 5px; ">{account number}</span></td>
            </tr>

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