Réglage de la tr et td de largeur et de hauteur pour la messagerie et le navigateur

Je fais des e-mails HTML et je voudrais aperçu dans mon navigateur avant de les envoyer, donc je voudrais ressembler dans le navigateur et le client de messagerie. J'ai essayé plusieurs façons de définir la largeur et la hauteur de mes lignes et les cellules:

<table height="500" width="200">
    <tr>
        <td height="100">TEST</td>
    </tr>
    <tr>
        <td style="height: 100px;">TEST</td>
    </tr>
</table>

Pas de succès au réglage de la hauteur, soit à travers les propriétés HTML ou les propriétés de style. La cellule couvre la totalité de la hauteur de la table.

MODIFIER

Parce qu'il semble être de travailler sur une page HTML vide je poste plus de code ici.
Je suis en fait à l'aide d'un Javascript sur une page PHP pour définir la propriété innerHTML d'un élément div. Le code complet de la fonction est:

function changeDivHTML()
{
begin = '<table width="595" height="842" align="left" bgcolor="#FFFFFF" border="1" cellpadding="0" cellspacing="0" style="border: 1px solid black; border-radius: 10px; padding: 0px;padding-top: 6px; margin: 0px;">';

test = "<tr><td height=\"100\">Test</td></tr>";

testTwo = "<tr><td height=\"100\">Test</td></tr>";

end = "</table>";

parent.document.getElementById('divToChange').innerHTML = begin + test + testTwo + end;
}

La fonction est appelée et le innerHTML de la div changements d'amende. Tout est OK sauf la hauteur des cellules est de 50%. Ils remplissent l'ensemble de la table au lieu de prendre 100px de hauteur.

Réglage de la hauteur de la balise tr a le même effet, ce qui est sans effet.

PLUS D'INFOS

C'est la sortie sur une zone vide de la page HTML. Sur mon navigateur firefox les cellules de chaque de prendre 50% de la hauteur. Couvrant l'ensemble de la page, au lieu de 100px

J'ai besoin d'éviter d'utiliser des CSS pour cela, comme je l'ai dit c'est du code HTML généré pour les e-mails et les clients de messagerie ne sont pas respectueux de CSS.

Collez vous code complet
Essayez de régler la hauteur de votre <tr>

OriginalL'auteur Juicy | 2013-09-18