Why does my email template appear differently in various email programs?

I have created a CSS-style based email template using Dreamweaver CS6. The template looks great within Dreamweaver, on Internet Explorer and in Outlook 2003. However, when viewed in Outlook 2010, Hotmail and Gmail, the template is distorted. If I set my containers using pixel size, why would it be different when viewed in other email programs?
Here is my code:
<style type="text/css">
.pageborder {
width: 795px;
height: 995px;
border: medium solid #008478;
font-family: Verdana, Geneva, sans-serif;
font-size: 10pt;
margin: 0 auto;
.prodboxleft {
font-family: Verdana, Geneva, sans-serif;
font-size: 10pt;
background-color: #76c6be;
width: 370px;
float: left;
height: 164px;
border: medium dashed #008478;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 12px;
.prodboxright {
font-family: Verdana, Geneva, sans-serif;
font-size: 10pt;
background-color: #76c6be;
width: 370px;
float: right;
height: 164px;
border: medium dashed #008478;
margin-top: 5px;
margin-right: 12px;
margin-bottom: 5px;
.clearing {
clear:both;
display:block;
visibility:hidden;
.pageborder .prodboxleft img {
padding: 8px;
.pageborder .prodboxright a img {
padding: 8px;
</style>
</head>
<body>
<div class="pageborder"> <center><img src="https://system.netsuite.com/core/media/media.nl?id=12679&c=723462&h=55e51819e92ef317c357" width="720" height="86" border="0" /> 
<a href="http://www.eyecareandcure.com/Diagnostic-Products"><img src="https://system.netsuite.com/core/media/media.nl?id=28469&c=723462&h=dc5c279154096ce1f361" width="195" height="40" border="0" /></a><a href="http://www.eyecareandcure.com/Pharmaceuticals"><img src="https://system.netsuite.com/core/media/media.nl?id=28474&c=723462&h=9365342d3d72baf4c0d2" width="195" height="40" border="0" /></a><a href="http://www.eyecareandcure.com/Exam-Room-Supplies"><img src="https://system.netsuite.com/core/media/media.nl?id=28470&c=723462&h=4f1b836f6412ab952e34" width="195" height="40" border="0" /></a><a href="http://www.eyecareandcure.com/Vision-Testing"><img src="https://system.netsuite.com/core/media/media.nl?id=28468&c=723462&h=3c7664689336406c15ee" width="195" height="40" border="0" /></a> <a href="http://www.eyecareandcure.com/Optical-Tools-Supplies"><img src="https://system.netsuite.com/core/media/media.nl?id=28473&c=723462&h=a227a48f3b29b0a38f7a" width="195" height="40" border="0" /></a><a href="http://www.eyecareandcure.com/Medical-Surgical-Supplies"><img src="https://system.netsuite.com/core/media/media.nl?id=28472&c=723462&h=c94240f73ea2a1647745" width="195" height="40" border="0" /></a><a href="http://www.eyecareandcure.com/Sterilizing-Disinfecting"><img src="https://system.netsuite.com/core/media/media.nl?id=28475&c=723462&h=5742c12d94b5c490d535" width="195" height="40" border="0" /></a><a href="http://www.eyecareandcure.com/Instruments"><img src="https://system.netsuite.com/core/media/media.nl?id=28471&c=723462&h=3e0b5322e37bf2b86796" width="195" height="40" border="0" /></a></center> 
<center>Great Prices and February Shipping Special!</center> 
<div class="prodboxleft"><a href="http://www.eyecareandcure.com/Drops/Fluoron-1532"><img src="https://system.netsuite.com/core/media/media.nl?id=1323&c=723462&h=24fddfba2d9dd33cb960" width="151" height="144" align="left" border="0" /><a/> Fluoron® 5 ml Compare to Fluress® $6.95 Was $8.90 Item #1532</div>
<div class="prodboxright"><a href="http://www.eyecareandcure.com/Drops/Fluorocaine-8482"><img src="https://system.netsuite.com/core/media/media.nl?id=1324&c=723462&h=bff0adfc33d25c58f9a2" width="162" height="144" align="left" border="0" /></a> Fluorocaine™ 5 ml $7.30 Was $7.80 Item #1533</div>
<hr class="clearing" /><div class="prodboxleft"><a href="http://www.eyecareandcure.com/Drops/Tropicamide-1-0-15-ml_2"><img src="https://system.netsuite.com/core/media/media.nl?id=3992&c=723462&h=b9c0ceeda9e5db57fbfd" width="61" height="144" align="left" border="0" /></a> 
Tropicamide 1.0% 15 ml 
Compare to Mydriacyl® 
$8.40 
Was $10.80 
 
Item #1579</div>
<div class="prodboxright"><a href="http://www.eyecareandcure.com/Drops/Tropicamide-0-5-15-ml"><img src="https://system.netsuite.com/core/media/media.nl?id=28676&c=723462&h=3be84121296356649aa6" width="57" height="144" align="left" border="0" /></a> Tropicamide 0.5% 15 ml 
Compare to Mydriacyl® 
$8.20 
Was $10.50 
 
Item #1586</div>
<hr class="clearing" /><div class="prodboxleft"><a href="http://www.eyecareandcure.com/Drops/Phenylephrine-HCl-2-5-15-ml-Akorn-brand_2"><img src="https://system.netsuite.com/core/media/media.nl?id=9387&c=723462&h=e2293736ebaa71f5455b" width="53" height="144" align="left" border="0" /></a> Phenylephrine 2.5% 15 ml 
Compare to Neo-Synephrine® 
$9.00 
Was $10.25 
 
Item #1554</div>
<div class="prodboxright"><center>
FEBRUARY SHIPPING SPECIAL! www.eyecareandcure.com Free Ground Shipping on all internet orders over $200.00* Enter Promo Code FEB13 during checkout 
*Valid only on orders placed on our website from 
02/01/13-02/28/13. Not valid with any other promotional offer.
</center></div><hr class="clearing" />
<center>To place your order, please visit our website at
<a href="http://www.eyecareandcure.com">www.eyecareandcure.com</a>, or call Customer Service 
at 1-800-486-6169. You can also
<a href="http://www.eyecareandcure.com/Monthly-Specials">
download</a> a
copy of this special and fax it to us at 1-877-321-1267. Need access to our website?
<a href="http://www.eyecareandcure.com/Registration">
Click here</a> to register. 24-7 ordering, special offers, order
history and much, much more! 
All prices subject to change. Some additional restrictions may apply. 
See <a href="http://www.eyecareandcure.com/Terms-Policies">www.eyecareandcure.com/Terms-Policies</a> for standard terms and conditions.
</center>
</div>
</div>
</body>
And here is a screen shot of the different results:

If email marketing is new to you, the below links are a good starting point for how to go about getting a good-looking and consistent design.
http://kb.mailchimp.com/article/common-html-email-coding-mistakes
http://24ways.org/2009/rock-solid-html-emails/
http://htmlemailboilerplate.com/
The boilerplate is good for reference but in my opinion is overkill for most email campaigns. It does a good job of highlighting why they do certain things though.
Rik

Similar Messages

Why does an email sent from an iPad or iPhone to ms outlook appear with attachments? Example signatures tend to be broken down into a series of unwanted attachments!

Why does an email sent from an iPad or iPhone to ms outlook appear with attachments? Example: signatures at the bottom of the mail tend to be broken down into a series of unwanted attachments!

It worked for me. I took a picture with the iPhone's camera. Then opened the Photos app and selected the picture, and emailed it from one of my IMAP accounts to my gmail (also IMAP) account. When it showed up in the gmail inbox (on my iPhone), I forwarded it to my yahoo mail account (choosing the "inlcude attachments" option). When that showed up on my iPhone's yahoo inbox, the picture was there just as it should be.
So I guess the next thing would be to try it with non-iPhone pictures to see if it is a problem with image size or something. I have some 6-megapixel images in iPhoto I can try (taken as RAW/DEC format pictures with my dSLR).
Just tried it sending a Photo from my computer's iPhoto library - picture is 728KB, 2272x1704 jpeg. I emailed it to my gmail account, and it showed up on the iPhone just fine. Then I forwarded that to my yahoo account and again, it showed up just fine on both the iPhone and reading my yahoo mail via the web page.
Don't know what to say - I don't mean this to be just another "works for me" post. I was hoping to see something maybe depending on the size and origin of the picture.
By the way, my 3GS shipped with 3.0.1 on it, and I've updated it via iTunes normally to 3.1.1 and currently 3.1.2. Sorry I don't have anything constructive to add.

Why does iCloud email run so slowly in Firefox? Typing is frequently stopped and "non-responsive" shows up and everything freezes for a while

Why does iCloud email run so slowly in Firefox? Typing is frequently stopped and "non-responsive" shows up and everything freezes for a while. Doesn't happen with Outlook or Google?

Hi,
You can consider the [https://support.mozilla.org/en-US/kb/reset-firefox-easily-fix-most-problems Reset Firefox] feature via '''Help''' ('''Alt''' + '''H''') > '''Troubleshooting Information'''. If it is okay, you can then install the Mozilla Archive Format add-on.
If you have security software installed you can try to delete all existing entries for Firefox and its sub processes in the different configuration modules and try to fully trust/allow Firefox afresh. Even after network access is completed, Firefox would still need unlimited access to its disk cache/memory as well as its files. Please see [https://support.mozilla.org/en-US/kb/Firewalls this].
[http://kb.mozillazine.org/Firewalls AV/Firewall Configuration]

Why does this message keep appearing when i try to instal windows 7 through bootcamp? - "something went wrong and the USB cannot be configured for the installation"

Why does this message keep appearing when Itry to instal windows 7 through bootcamp? - "Your bootable USB drive could not be created. An error occurred while copying the Windows installation files."

Found a solution!
Follow the extended version of these directions here:
https://discussions.apple.com/docs/DOC-3581
Worked like a charm!

Why does the scrollbar sometimes appear then disappear?

Why does the scrollbar sometimes appear but then disappear? When I open a window the scrollbar is sometimes there for a just few seconds. If I select it within a few seconds and use it everything works fine. If I don't use it, it disappears and I can't get it back. How do I get the scroll bar back? Why won't the scrollbar show up at all on web pages?

It's a feature which is supposed to enhance your interface with your Mac and its operating system on screen. It is a "visual aid" that is meant to remove on screen clutter.
You can go to 'system prefs/ click general/ click 'Show scroll "Always button"
There you go
Cheers

WHY DOES MY EMAILS KEEP REPEATING IN VIP FOLDER IN MAIL APPLICATION?

WHY DOES MY EMAILS KEEP REPEATING IN VIP FOLDER IN MAIL APPLICATION? I AM USING MOUNTAIN LION 10.8.5. I HAVE LINKED MAIL WITH MY GMAIL ACCOUNT.

Hi rignald,
If you are having issues with the VIP mailbox in Mail, you may find the following article helpful:
Mail (Mountain Lion): Make a sender a VIP
http://support.apple.com/kb/PH11728
Regards,
- Brenden

Why does the same photo appear in every iphoto album?

Why does the same photo appear in every album? Clicking on it makes other pictures appear?

Backup your iPhoto library, depress and hold the option an command keys, launch iPhoto and from the resulting first aid window rebuild your thumbnails. This may take several trys
If it does not fix the issue then repeat and rebuild your database
LN

HT3529 why does my email show up instead of my number

why does my email show up instead of my number? when im using imessage..

Try going to Settings>Messages>Receive At>Caller ID, if your email address is select here select your phone number instead.

Why does the purchase verification appear when I download free app?

Why does the purchase verification appear when I download free app?

Is this what you mean...
apple_prompting_some_users_for_extra_app_store_security_details

Why does a bar sometimes appear below the Firefox icon in my tray?

Why does a thick bar appear under the Firefox icon in my tray. I cannot correlate its appearance to anything I'm doing online.

Try to reinstall Firefox.
Download a new copy of the Firefox application and save the disk image file to the desktop
*Firefox 32.0.1: https://www.mozilla.org/en-US/firefox/all.html
*Trash the current Firefox application (open the Applications folder in the Finder and drag the Firefox application to the Trash) to do a clean (re)install
*Install the new version that you have downloaded
*https://support.mozilla.org/kb/Installing+Firefox+on+Mac
Your personal data is stored elsewhere in the Firefox profile folder, so you won't lose your bookmarks and other personal data when you uninstall and (re)install Firefox.
*http://kb.mozillazine.org/Profile_folder_-_Firefox

Why does the reading list appear blank sometimes

why does the reading list appear blank sometimes when using safari moutainlion 10.8.2

See this.
http://docs.info.apple.com/article.html?artnum=60945

Why does our apple id appear as disabled on apple tv after it worked, fine and has money from a gift card?

Why does our apple id appear as disabled on apple tv after it worked, fine and has money from a gift card?

Gee, why don't you ask your bank

Type Kit- Why does a dialog box appear when opening a file?

Type Kit- Why does a dialog box appear every time I open a file- asking to substitute fonts that I've had working for years. Also, what is that pink box around the type- they are not missing fonts.

Which version?- Latest Creative Cloud Type Kit
Which system?- Mac OS 10.10.1, iMac 7i
Where does the file come from? File is an Adobe Illustrator CC
Which fonts?- Any and all fonts that was used in the .ai file which I have been using for years.
Do you use font management? Which one? Mac Font Book
Are you really sure that your fonts are properly installed? Yes and verified.
Did it ever work? Yes, Ever since I opened Font Kit on Creative Cloud I get a window stating that the fonts in an existing file are missing and do I want to substitute.
Did you just upgrade?- Apps always upgraded.
Did you change systems?- Ever since I opened Font Kit on Creative Cloud
The PINK box around the type, I believe, indicates a missing font- but they are not missing and I'm sure as hell not going to let Type Kit control MY FONTS. How do I turn it off as the pink box is intruding with the design composition???
SEE Sumit Singh’s reply- worked for the pink highlight. I have to see about the dialog box thing- I will let you know.

Why does Adobe email me to say I have been removed from my CC membership (because licence was not renewed) BUT Adobe does not have the common sense to tell me my membership is DUE for renewal – so I could have renewed it – BEFORE I was cancelled.

Why does Adobe email me to say I have been removed from my CC membership (because licence was not renewed) BUT Adobe does not have the common sense to tell me my membership is DUE for renewal – so I could have renewed it – BEFORE I was cancelled.

Sign in, activation, or connection errors | CS5.5 and later
For anything else contact support by web chat.
Mylenium

Why does iPhoto always open/appear at launch?

Why does iPhoto always open/appear at launch? Someone used my computer under another account, and now my preferences seem to be changed. How do I fix it so iPhoto must me opened manually?

Some possibilities:
Right click on the iPhoto icon in the Dock. Is Open at Log In Selected?
Check your System Preferences -> Accounts -> Log In Items
Is there a camera or anything that your Mac might think is a camera (flash drive, USB Hard Disk formatted to a FAT format, phone) attached to your Mac. If so, disconnect it. If you don't want to disconnect it, set iPhoto to "Do Nothing" when a camera is attached. You do this in the iPhoto Preferences.
-- Have you tried each one?
LN

Why does my email template appear differently in various email programs?

Similar Messages

Maybe you are looking for