2011-08-28 11 views
38

現在、PHPのmail()関数からHTML形式の電子メールを送信していて、HTMLとして表示されていることを確認する私は、書式設定がクライアント(クライアントからクライアント)まで(おそらく劇的に)変わることをよく知っています。彼らはApple Mailクライアントと私のiPhoneにHTMLとして表示しています。しかし、Gmailは単にHTMLとして表示することを単に拒否しているだけです。そして、私はそれが間違って書式設定されているわけではありません、単にそれが表示されるHTMLを使用していません。HTMLでフォーマットされた電子メールがGmailに表示されないが、他のメールクライアントにある

タグのimgが読み込まれているということですが、それはそれです...私は主にレイアウト用にdivを使用していますが、これはGmailや何か(対テーブル)では新しくなっていますか?生のソースを表示する限り、CSS、何になりませんよう

には、次のことを示しています

<html><head><style>body { background-color: #F2F2F2; font-family: Arial; color: #5C5C5C; font-size: 11pt; } a { color: #46AAFF; text-decoration: none; } #container { width: 750px; margin-right: auto; margin-left: auto; } #header { float: right; padding: 3px; height: 30px; } #header a { color: #666666; margin-right: 10px; } #mainBody { padding: 20px; background-color: #FFF; border: 1px solid #DADADA; border-radius: 3px; } #imageArea { border-top: solid #E8E8E8 1px; margin: 15px; } #singleImageArea { width: 250px; padding: 15px; } #singleImageArea p { float: right; line-height: 30px; width: 130px; margin-top: 20px; } #footer { padding: 10px; color: gray; } #footer p { text-shadow: 0px 2px #FFF; font-size: 10pt; } #footer a { color: #ADADAD; float: right; padding-left: 20px; padding-right: 20px; } #footer img { width: 35px; height: 23px; padding: 10px; float: left; } </style></head><body><div id="container"><div id="header"><a href="http://appname.local/login/">Login</a></d 
iv><div style="clear: both;"></div><div id="mainBody"><h1>Hi Josh Holat!</h1>You've sent a request to <strong>reset</strong> your appname password. Just click the link below <em>(or copy and paste it into your browser)</em> and follow the instructions to set a new password. The link will expire in one hour.<br/><br/><a href="http://appname.local/sb/reset-password/?r=2768af61698fcde9c04f9449351575d6bfe6d720">http://appname.local/sb/reset-password/?r=2768af61698fcde9c04f9449351575d6bfe6d720</a><br/><br/>If you feel this request was submitted in error, don't worry; you can safely ignore this e-mail and your password will not be changed.<br/><br/>Much Love,<br/>Us</div><!-- #mainBody --><div id="footer"><img src="http://appname.local/images/email/footer_sb.png" /><p>&copy; 2011 appname, Inc. All Rights Reserved <a href="http://appname.local/sb/legal/">Legal</a><a href="http://appname.local/sb/contact/">Contact</a><a href="http://s 
tagebloc.local/sb/developers/">Developers</a><a href="http://appname.local/sb/blog/">Blog</a></p></div><!-- #footer --></div><!-- #container --></body></html> 

と同様に:

Delivered-To: [email protected] 
Received: by 10.229.40.2 with SMTP id i2cs133298qce; 
     Sun, 28 Aug 2011 14:29:08 -0700 (PDT) 
Received: by 10.42.152.199 with SMTP id j7mr4419937icw.417.1314566947950; 
     Sun, 28 Aug 2011 14:29:07 -0700 (PDT) 
Return-Path: <[email protected]> 
Received: from joshholat.local (arh2281.urh.uiuc.edu [130.126.70.193]) 
     by mx.google.com with ESMTP id w3si6800550icz.109.2011.08.28.14.29.06; 
     Sun, 28 Aug 2011 14:29:06 -0700 (PDT) 
Received-SPF: neutral (google.com: 130.126.70.193 is neither permitted nor denied by best guess record for domain of [email protected]) client-ip=130.126.70.193; 
Authentication-Results: mx.google.com; spf=neutral (google.com: 130.126.70.193 is neither permitted nor denied by best guess record for domain of [email protected]) [email protected] 
Received: by joshholat.local (Postfix, from userid 70) 
    id 775063662E01; Sun, 28 Aug 2011 16:29:06 -0500 (CDT) 
To: Josh Holat <[email protected]> 
Subject: Password Reset Request 
X-PHP-Originating-Script: 501:Email.php 
From: appname <[email protected]> 
Content-type: text/html 
Message-Id: <[email protected]> 
Date: Sun, 28 Aug 2011 16:29:06 -0500 (CDT) 

私はなぜサードパーティのクライアントへと困惑しているだろうそれを見せてもGmailは単にそれを無視する?

+0

メッセージの1つのソース(ヘッダを含む)全体を投稿できますか? –

+0

あなたのHTMLサンプルは、開封後に終了します。タグ - – feeela

+0

HTMLの残りの部分と同様に、すべてのヘッダーを追加しました。 – joshholat

答えて

67

Gmailは<style>タグをサポートしていません。 gmailが正しく動作するためには、インラインCSSを使用する必要があります。

ここに参考文献リストがあります。 http://www.campaignmonitor.com/css/

+13

本当ですか?ワオ。それはかなり悪い...リンクをありがとう。 – joshholat

+6

うわー、これは、最も人気のあるメールサービスの1つであるGmailからのそのような悪いサポートを見ることは素晴らしいことです! AppleのメールとAndroid 4(Gmail)は、サポートを先取りしているようだ。私は本当にGmailに驚いています! –

+0

郵送する前にあなたのHTMLを[このライブラリ](https://github.com/tijsverkoyen/CssToInlineStyles)で実行すると、あなたの頭からスタイルが取り込まれ、インラインに解析されます。 –

29

GMail doesn't support<style>タグも複数のクライアントもありません。あなたの人生を楽にするために、convertを使用してスタイルタグをインラインCSSに変換できます。http://beaker.mailchimp.com/inline-css

+1

これは、このタスクのためのもっとも手軽なツールとリンクです。ありがとう! – Patrick

2

#footerというIDが使用されています。 メールを扱うときにGoogleがその名前を認識しないようです。 gmailから見たフォントコードでは、#footerを除くすべてのIDが "exc" + idNameで表示されることに注意してください。 別の名前を使用してください。

関連する問題