14:35templateHTMLメルマガはとにかくメーラー依存や崩れがひどく、苦労が絶えないものですよね。そこで今回は私が検証、実験を重ねた中でもっとも崩れが少なかったHTMLメルマガの枠組みを紹介します。制作したけど、崩れる!という方はこちらもチェックしてみてください。【htmlメルマガ】崩れを防ぐチェックポイントも一番外の枠組みテンプレート横幅は600px(両サイドにmargin:12px)に設定してあります。このくらいがPC/SPで一番不具合がないかと思います。コンテンツの入れ方については下記に記述しています。(/images/spacer.gifのところはご自身の使用するspacer.gifを入れてください。width="5"></td></tr></table></div></td></tr></table></body></html>パーツを中に入れていく<!–ここにコンテンツ–>の中に<table>を積み重ねて行くことでメルマガが出来上がっていきます。上記の枠の中に入れる場合の書き方ですので、ご自身でカスタムする時はお気をつけください。class="fs14">ここに文章を入れましょう。tdのインラインスタイルはgmail用、<br>spanのclassはPC、SPのレスポンシブ用です。width="5"></td></tr></table>合計widthに注意です!このテンプレートはwidh:600pxで作ってありますので、コンテンツの横幅合計が600pxを超えないようにするのが大事です。Appleのデフォルトメーラーではいい感じに見せてくれますが、GmailやOutlookはセンシティブですので、電卓を側に置いて作業すると良いと思います。