表のセルが指定した高さで表示されない理由を理解しようとしています。
<html>
<head>
</head>
<body>
<table style="border: 1px solid black; border-radius: 10px; padding: 0px;padding-top: 6px; margin: 0px;" align="left" bgcolor="#FFFFFF" border="1" cellpadding="0" cellspacing="0" height="842" width="595">
<tbody>
<tr><td height="100">Test</td></tr>
<tr><td height="100">Test</td></tr>
</tbody>
</table>
</body>
</html>
私のブラウザ (Firefox) では、このページは、各セルが指定された 100px ではなく、テーブルの高さの 50% (テーブル全体をカバーする) を使用して表示されます。tr の高さ (実際には存在しません) と、投稿した td の高さを設定して、すべての組み合わせを試しました。
メール用の HTML を生成しているため、CSS の使用を避ける必要があり、メール クライアントは CSS に対してあまり寛容ではありません。できるだけ HTML タグ属性を使用してテーブルを設定したいと考えています。
編集
今、私は本当に混乱しています。CSS で高さを設定しても機能しません。
<table style="border: 1px solid black; border-radius: 10px; padding: 0px;padding-top: 6px; margin: 0px;" align="left" bgcolor="#FFFFFF" border="1" cellpadding="0" cellspacing="0" height="842" width="595">
<tbody>
<tr><td style="height: 100px;">Test</td></tr>
<tr><td style="height: 100px;">Test</td></tr>
</tbody>
</table>
編集
誰かがコメントに JSFiddle を投稿して、それが機能したと述べました。しかし、これは私のブラウザ(Firefox)でのそのフィドルのスクリーンショットです:
今の質問は、Firefox で行の高さを設定できないのはなぜだと思いますか?