メルマガコーディングで気づいたこと
2025年11月5日

11月に入り日にちが経っていきますね。
そろそろ寒さの季節。
朝起きると外の景色は真っ暗。
しかも、寒い…
風邪ひかんように体調管理をしっかりしとかないとだめだなぁと感じました。
さてと、話題を取り戻して…
メルマガコーディングで気づいたこと
ある顧客のメルマガ配信のコーディングの仕事がたまに依頼してきます。
ただ、メルマガ配信のコーディングするときに気づいたことをメモ。
メルマガ配信時に使えないCSSの要素をリストアップ。
<div style="position:relative;">
<div style="bottom:0;margin:auto;position:absolute;top:0;"><</div>
</div>
いろんなメールソフトを検証した結果、「position」が使えないそうだ。
その代わり、画像で「background-image:(‘任意のURL’)」を使って、「background-position:center center」を合わせて設定しとかない土ダメだそうだ。
しかし、「background-○○」○○の部分を入れると要素が長くなるので、まとめて記述したほうが要素が短くなり、読み込むスピードが軽減するそうだ。
「background: 画像 位置 色 / 大きさ」という組み合わせで行うことができます。
メルマガ配信時に「Position」の要素が使えないことを学習しました。
メルマガ配信時には、気を付けなあかんのですわ。
では、また!






