Airmail doesn't render some HTML emails correctly.
For example, I am using Unroll.me and the emails look dreadful. They render fine in Apple's Mail but don't work correctly in Airmail. Same thing with some emails sent with Mailchimp.
Mark
shared this idea
16 comments
-
Stijn van den Borne
commented
I am having the same problem. I just did an e-mail blast to my employees to wish them a happy lunar new year w/ SendinBlue. The funny thing is the "test emails" rendered fine, but the actual e-mail did not render well on the iOS app. The background colour is not showing. Since I used white text on a red background, so this is a major issue.
The email does render well in Airmail on Mac. It also renders well in Gmail online and in the Gmail app on iOS.
Pending for improvement over 3 years...
-
Giancarlo Gomez commented
It appears you are rendering emails like Google. Basically ignoring anything that is not inline. Can you please revert that and render properly, including non-inline CSS.
-
Gonzalo de Salterain
commented
After 3 years, they never fixed it. They simply don't care, even if you paid for this product. Simply move to another email client that works, like Spark.
-
Anonymous
commented
I have encountered this too.
-
Daniel Kose
commented
Hi, any fixes for this? all my IMAP accounts renders all emails as unreadable HTML mails.
When using POP it renders fine.
-
Jordan
commented
So does Airmail care about this or no? Seems like pretty low hanging fruit if all other email clients can display EXTREMELY simple html properly. Are we supposed to just hope and pray the people on our subscriber list don't use Airmail to view our emails?
-
Anonymous
commented
same problem here... 7 May 2017
-
Bob Jaffe
commented
I'm having this problem with emails from the NY Times and the Guitar Center, but only on IOS devices. They render fine on the MAC. They're fine in Apple Mail, but not in Airmail. Any idea why?
-
Wouter van Reeven
commented
Same issue for me when reading the Daily Minor Planet emails. An image is included in the HTML and the CSS associated with it instructs the renderer to render it as a block but Airmail doesn't do that. When I save the HTML to a file and load it in my browser it is displayed correctly.
An example of the HTML is
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="description">
<meta name="keywords" content="keywords">
<link href="https://fonts.googleapis.com/css?family=PT+Sans:400,700" rel="stylesheet" type="text/css">
<title>Daily Minor Planet</title>
</head><body>
<div id="footer" style="padding-top: 20px;font-size: 0.8em;width: 90%;margin: 0 auto;color: #A7A9AC;">
Having problems viewing this content? Visit <a href="http://www.minorplanetcenter.net/daily-minor-planet">Daily Minor Planet</a> to see more information.
</div>
</div>
</div>
</body>
</html>
<div id="dmp-wrapper" style="margin:30px 0; width:100%; max-width:768px;min-height:850px; height:auto; font-family: 'PT Sans', sans-serif;color:#333333">
<div id="newspaperContainer" style="padding:0px; margin:0px 15px auto; position: relative; ">
<div id="modern" style="margin: 0 auto;background: #F4F4E2;box-shadow: 0 0 10px rgba(0,0,0,0.3);position: relative;width: 100%;padding: 10px 0 50px 0;">
<div class="header" style="width: 100%;text-align: center;padding-bottom: 0px;font-weight: bold;margin: 0 auto;">
<img src="http://minorplanetcenter.net/images/title.png" style="width: 90%;margin: 0 auto;padding-top: 30px;margin-bottom: 0;display: block;" title="Daily Minor Planet" alt="Daily Minor Planet">
<div class="tagline" style="font-size: 1em;text-align: center;margin-bottom: 1em;">The nerve center of asteroid detection in our Solar System</div>
<div class="subHeaderline" style="width: 100%;border-top: 1px solid #414042;border-bottom: 2px solid #414042;position: relative;padding: 2px 0;margin-bottom: 20px;">
<div class="dates" style="text-align: center;display: inline-block;font-size: 1em;">
<span class="dayofweek">Wednesday</span>,
<span class="month">November</span>
<span class="day">16</span>,
<span class="year">2016</span>
</div>
</div>
</div>
<div class="bodyContainer" style="width: 90%;min-height: 650px;vertical-align: top;margin: 0 auto;text-align: justify;">
<div class="contents" style="vertical-align: top;display: inline-block;width: 100%;height: auto;margin: 0 auto;">
<div class="heroline" style="font-size: 1.2em;font-weight: bold;margin-bottom: 10px;">Near-Earth Asteroid Flyby</div>
<div class="mobile-diagram" style="display: block;width: 100%;height: 200px;background-color: #08002A;margin-bottom: 20px;">
<!-- NEED TO CHANGE TITLE IMAGE URL -->
<img src="http://minorplanetcenter.net/images/orbit/2016-11-16.png" style="height:100%;width:100%;display:block;margin:0 auto;object-fit: cover;">
</div>
<div class="flybyTitle" style="font-size: 1.2em;font-weight: bold;margin-bottom: 16px;">Asteroid 2016 UC57 was first observed by Mt. Lemmon Survey on 2016-10-29</div>
<div class="flybyContents" style="font-size: 1em;margin-bottom: 30px;">It will fly by Earth harmlessly on 2016-11-15 at 00:54 UTC at 40.9 times the distance to the Moon, at a speed (relative to the Earth) of 5.2 km/s. It is estimated to be 34 - 108 meters in size. <a href="http://minorplanetcenter.net/db_search/show_object?object_id=2016 UC57"> More Details</a></div>
<div class="storyTitle" style="font-size: 1.2em;font-weight: bold;margin-bottom: 16px;">Leonid Meteor Shower Peaks This Week: Here's What to Expect</div>
<div class="storyContents" style="font-size: 1em;margin-bottom: 30px;"><b>Source: Space.com</b><p> This week, one of the most famous of the annual meteor displays is due to reach its peak: the Leonid meteor shower. <a href='http://www.space.com/34734-leonid-meteor-shower-2016-peaks-now.html'>Read More</a></div>
</div>
</div>
</div>
<div id="footer" style="padding-top: 20px;font-size: 0.8em;width: 90%;margin: 0 auto;color: #A7A9AC;">
Vist <a href="http://www.minorplanetcenter.net/daily-minor-planet">Daily Minor Planet</a> to see more information. If you would like to not receive these types of emails from us, <a href="http://minorplanetcenter.net/unsubscribe?email=wouter@van.reeven.nl">unsubscribe</a>.
</div>
</div>
</div>
</body>
</html> -
Abby
commented
Any progress with this? I recently converted to Airmail and am obsessed with it, except this issue. Daily Beast, other regular emails I like to get aren't showing most of the information (sometimes no photos, sometimes no text)...
-
Anonymous
commented
<body style="background-color: red" > will correctly render on Mac client, but not on iOS
<html>
<head>
<style>
html, body{
background-color: red;
}does not work on either
-
Gonzalo de Salterain commented
I have this same problem. With 6 accounts loaded, can isolate it even a bit more. The account that doesn't render HTML (but displays it as plain text) is a gmail account retrieving mail using pop from another external server (other account) then store it into gmail directly. Using Airmail to load that gmail account via IMAP displays absolutely *all* the mails as if they were raw HTML. Every other mail client I've tried displays all mails properly on this account. I'm a paid customer, please take action as is an urgent matter
-
Lucas Janin
commented
On my side none of html is rendered !
-
Clif Smith
commented
Likely the same issue with me - with the confirmation for Airmail iPhone email of all things. However if I open the email in it's own window it's rendered correctly.
-
Bryan Almquist
commented
Another mailchimp user having issues. Fortunately Mailchimp has the Inbox Inspector. Issues I'm having:
• Animated gifs don't animate
• Image borders don't render
• Inline CSS doesn't render -
Gustaf
commented
I have the same problem with templates sent in Mailchimp to Airmail.
![http://minorplanetcenter.net/images/title.png"](http://minorplanetcenter.net/images/title.png"){kind=link}
![http://minorplanetcenter.net/images/orbit/2016-11-16.png"](http://minorplanetcenter.net/images/orbit/2016-11-16.png"){kind=link}