Ich versuche, eine reaktionsschnelle E-Mail zu erstellen - sie funktioniert auf ganzer Linie ziemlich gut, mit Ausnahme einiger kleiner Teile, die in Google Mail für Android nicht zusammenarbeiten.

Ich habe diese wirklich einfachen schwarzen Streifen, die als dekoratives Element oben in der E-Mail stehen:

<table width="100%" cellpadding="0" cellspacing="0" align="center" valign="top">
    <tr><td width="100%" height="11" bgcolor="#000000"></td></tr>
    <tr><td width="100%" height="2" bgcolor="#FFFFFF"></td></tr>
    <tr><td width="100%" height="1" bgcolor="#000000"></td></tr>
    <tr><td width="100%" height="30" bgcolor="#FFFFFF"></td></tr>
</table>

Sie werden jedoch nur als winziger Streifen in Schwarzweiß angezeigt, der einem ultradünnen Ausrufezeichen in der Google Mail-Android-App ähnelt.

Also gibt es eine Fußzeile, die sich nicht über die gesamte Breite der E-Mail erstreckt:

<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" bgcolor="#000000">
    <tr>
        <td>

        <table width="650" border="0" cellpadding="0" cellspacing="0" align="center" bgcolor="#000000">
            <tr>
                <td align="right" class="footer">
                    <img src="images/footer.png" />
                </td>
            </tr>
        </table>

        </td>
    </tr>
</table>

Haben Sie Vorschläge, wie diese die gesamte Breite der E-Mail umfassen sollen?