6月に入り日にちが経ちますが…

もう完全に、梅雨入り宣言して日にちが経っていますが、気温の変化が激しい日にちが続いております。

1週間ぐらい、雨が続いて、今日から1週間は天気があいまいな時期が続くそうですね…

体調管理には気を付けてください。

さてと、話題を取り戻して…

メルマガ作成に気づいたこと

メルマガを作っていく中、一つ気づいたことをここに書きます。

メルマガ配信時は基本的に「Table」という構造を使ってレイアウトを作っています。

メルマガ配信時に、画像を埋め込むときに無駄な余白が起きたり、サイズがバラバラになったりします。

例えば、均等に2列を表示をしたい場合、「width=”50%”」を「<td>」の中に入れたりしていました。

例

<table>
	<tbody>
		<tr>
			<td width="50%">Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text</td>

			<td width="50%">Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text</td>
		</tr>
	</tbody>
</table>

こんな感じで入れてレイアウトをしていました。

「width=”50%”」を入れないで、自動的に均等する方法が使えることを知りませんでした。

<table style="table-layout: fixed;">
	<tbody>
		<tr>
			<td>Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text</td>

			<td>Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text</td>
		</tr>
	</tbody>
</table>

「table-layout: fixed;」が導入したのは、CSS3からなんですね。

メルマガ配信は基本的に「CSS2」までのデザインしか使えないっていう認識でした。

今は、GmailやYahoo!Mailやフリーを使ったメールブラウザが普及していく中、使う人が増えてきてるのが現状ですね。

使えないときは、念のために「width=”50%”」を入れといたほうが無難かもしれません。

また、いいネタがあったら情報を発信していきますので、よろしくお願いします。

では、また！