Display problems with some email clients

User 2791384 Photo


Registered User
19 posts

We're having some significant email display issues with certain clients that we're testing with. I'll start with unicode character issues in Thunderbird (v38.1 on OSX). Please note that we own a lingerie shop, and the screenshots include pictures of ladies in classy, high-end lingerie. If that bothers you, don't click. :-)
User 2791384 Photo


Registered User
19 posts

The first attachment here is what this email is supposed to look like (again, lingerie warning) - shown in Apple Mail.

The next two attachments are from Outlook Web Access on Exchange 2010, rendered in Safari 8.0.7 for OSX. Everything is scaled to absolutely huge and column stacking is very, very broken.

User 103173 Photo


VP of Software Development
0 posts

Can you attach your .RED project file?
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 2791384 Photo


Registered User
19 posts

The next three attachments are from Outlook Web Access on Exchange 2010, rendered in Firefox 39.0 for OSX - it's actually worse than Safari. Once again, ladies in classy, high-end lingerie warning for these attachments.

User 2791384 Photo


Registered User
19 posts

Scott Swedorski wrote:
Can you attach your .RED project file?


Scott,
I just sent it in an email to the helpme@ address with the subject "RED for Business file with rendering issues on Thunderbird, OWA 2010"
User 103173 Photo


VP of Software Development
0 posts

We delete file attachments over email for security reasons. Please attach it here.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 103173 Photo


VP of Software Development
0 posts

Congrats on a well designed email Renata! You really have made full use of all the features in RED! :)

I went through all the settings a tested this email through Thunderbird and I don't see the issues here. The bulleted lists appear correctly. Here I am using Thunderbird 38.1.0:

http://s29.postimg.org/7zhm61bfb/thunderbird.png

I also ran a test and checked the email though Gmail using Firefox, Chrome and Safari as well as Outlook 2010 and the footer also shows correctly:

http://s9.postimg.org/dfyb1w92n/gmail_safari_firefox.png

The header also looks identical in all setups as well:

http://s1.postimg.org/qx6hsnf5r/header.png

Most email clients have the ability to set a default character encoding. I think what you have setup for Thunderbird is probably causing these issues. When you see characters such as "å få" in your email, that means either no default character set is defined or incorrect one is getting applied to all messages.

You can adjust your character sets for Thunderbird here at https://support.mozilla.org/en-US/kb/co … r-encoding . The Outlooks also have similar settings as well and you can find some instructions here at https://www.google.com/search?q=how+to+ … p;ie=UTF-8 on how to change those. I would also check in your browsers that you have not "zoomed" in on the content. That can cause some display issues. Make sure the zoom is set to 100% (normal settings).

As to the bulleted lists, you have assigned the same class name to both (paragraph-1). This means any changes you make to one apply to both. To fix this, give the other list a new class name (eg. paragraph-2).

Hope this helps. I have also deleted your last post which contained the file attachment as requested.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 2791384 Photo


Registered User
19 posts

Thanks for the complement and the info - that helps a lot. The only thing that remains broken in viewing then is Outlook Web Access on Exchange 2010 (and probably other versions). That's probably a corner case - I don't know many people who use OWA for their main email client (unless forced), but the output on that is really, really zoomed. I re-checked it on my desktop, and that seems to be the problem - it only displays the layout properly (on my screen) with the window at least 2145 pixels wide (and, of course, everything is huge). When resizing the window smaller, some of the centering / justification is off. If I use Command - to "zoom out" then it looks ok, but at normal zoom - you need almost all of a 27" screen unless you're already to 4K or 5K. I've attached the HTML with the account info obfuscated, but otherwise exactly what I got from the server. The .HTML has been renamed to .TXT to make your upload process happy.
Attachments:

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.