どうのこうの

名古屋/元フリーランス/スタートアップ勤務/ウェブ/マークアップ/プログラマ/エンジニア

HTMLメールなメルマガをWebメール対応したときのメモ


確認したWebメールとメーラー

メーラー

  • Apple Mail
  • Thunerbird 2
  • Thunerbird 3
  • Outlook Express

Webメール

  • Gmail
  • Yahoo!メール
  • Hotmail
  • hetemlのWebメール

 

対応したときのメモ

  • 基本的なレイアウトはテーブルコーディング
  • でも、ボーダーとかのCSSは使える
  • 「HTML 4.01 で」っていう情報もあったけど「XHTML 1.0 Transitional」でOK
  • CSSは基本、その要素に書く(Yahooメール、hotmailはhead内のスタイルも反映される。Gmailは反映されない。)
  • 画像はフルパス(http://〜)で書く
  • Gmailは独自のフォーマット(フォントサイズやリンク色)で表示される(hetemlのWebメールも)
    Hotmailも独自フォーマットだけど、Gmailほど規制が厳しくない。
    Gmailの独自フォーマットは調整がむずかしい。僕にはできなかった。(pは上下にマージン、等)
    だから、Gmailのフォーマットに添ったコーディング、見た目にしなければならない。
  • cssのbackgroundプロパティは使えない(Gmail、hotmailが未対応。Yahooメールは対応している。)
  • 画像をリンクする場合は、img要素にborder=”0″を追加する(追加しないと、Gmailでボーダーが表示される。)
  • Gmailでクリッカブルマップが動作しない(Yahooメール、hotmailは対応している。)

 

動作確認した環境

Mac

  • Mail
  • Thunderbird 3
  • Firefox 3(単純な表示を確認)
  • Firefox 3 + Gmail
  • Firefox 3 + Yahoo!メール
  • Firefox 3 + Hotmail
  • Firefox 3 + heteml Webメール
  • Safari 4(単純な表示を確認)
  • Safari 4 + Gmail
  • Safari 4 + Yahoo!メール
  • Safari 4 + Hotmail
  • Safari 4 + heteml Webメール

Windows

  • XP + Outlook Express
  • XP + Thunderbird 2
  • XP + Thunderbird 3
  • XP + IE6(単純な表示を確認)
  • XP + IE6 + Gmail
  • XP + IE6 + Yahoo!メール
  • XP + IE6 + Hotmail
  • XP + IE7(単純な表示を確認)
  • XP + IE7 + Gmail
  • XP + IE7 + Yahoo!メール
  • XP + IE7 + Hotmail
  • 7 + Windows Live メール
  • 7 + Thunderbird 3
  • 7 + IE8(単純な表示を確認)
  • 7 + IE8 + Yahoo!メール
  • 7 + IE8 + Hotmail

動作確認する環境が多すぎる。
これでもだいぶ端折った。
(「WinXP + IE8」とか「Opera」とか)

もっといろんな環境があると思うけど、
すべてを確認するのは現実的に難しいと思う。

OS と メーラ or ブラウザ + Webメール のパターン多すぎ。

上記動作確認環境で、
Win7 + IE8 + Gmailも確認したんだけど、
なぜか画像がまったく表示されなかった。

ほかのHTMLメールなメルマガも画像が表示されなかったから、
回線の問題なのかもしれない。

原因不明。

「Webメールはどのブラウザで見ても同じでしょ?」っというわけにいかないので注意。

「IE6 + Gmail」や「IE7 + Gmail」が微妙に崩れることがあった。

Firefox、Safari、OperaはOSやバージョン毎に確認しなくても、
まぁ大丈夫でしょう。

多分。
きっと。

2 Comments

  1. お疲れさまです。
    参考にさせて頂きます。

  2. tagawa

    2010年2月18日 at 12:51

    疲れました。。。w

    ご参考になれば幸いです。

コメントを残す

Your email address will not be published.

© 2017 どうのこうの

Theme by Anders NorenUp ↑