I'm working on an html email and the logo in the top right corner should be right-aligned (works in Firefox). The email compatibility tests are coming back great. When opening in IE7, however, the logo appears in the middle of the header.
Does anyone know why? Any help would be much appreciated.
<img src="http://syndication.atlantic-media.us/GE_marketing/Events/images/GE1_logo.png" width="184" height="90" alt="Government Executive Media Group Logo" align="right" />
I'm not sure about this, without seeing the full source code (if it is online, be sure to add it to your question and Litmus will do a screenshot of it along with your code).
One thing I would recommend is not to use 'align="right"' as this has been deprecated. Try to use a stylesheet, e.g.:
(You would have to give the image a class of 'logo')
Ahh, I did not realise you were doing an HTML email.
As much as I hate tables, this might be a time to use them in order to achieve the same look in all email clients - I'm not sure many of them support 'float' even if that is the best solution.
width="496" attribute on line 93. Couple other hints, too, from a guy who has done way too many HTML emails:
- Webmail clients strip out everything before and including
<body>so all of your
<style>rules have to be inline
- Most email clients ignore the
doctypeso if you want consistency, test in quirks mode
- Some webmail clients strip out style attrs on text elements, so the safest way to markup text is
<font attr="value" style="rule: value;">lorem...</font>with your preferred look done with the inline css and a safe fallback in the old font tag attributes
The newsletter can be viewed here: http://syndication.atlantic-media.us/GE_marketing/Events/2009Events/Reform_DeputySecretaries.html