Yahoo! E-Mail HTML E-Mail-Ausrichtung Problem

Ich arbeite täglich an HTML-E-Mail-Kampagnen-Builds und in den letzten 24 Stunden habe ich alle meine E-Mails nach links ausgerichtet gesehen. Dies schließt die E-Mail-Kampagnen ein, die ich zuvor erstellt habe (die in Yahoo! Mail getestet und zum Ausrichten der Mitte verwendet wurden).Yahoo! E-Mail HTML E-Mail-Ausrichtung Problem

Hat sonst noch jemand das gefunden? Irgendwelche Ideen, was es verursacht und ob es eine Lösung gibt, die hinzugefügt werden kann?

Die verwendete Standardcodierung ist Tabellen mit Align Center. Dies funktioniert jetzt nicht und alle Tabellen werden nach links ausgerichtet.

Quelle

2014-05-15 Ed Johnson

Ja, ich bestätige das auch, der Newsletter, den ich gestern geschickt nach links geschickt habe, scheint ab jetzt keine Center-Ausrichtung mehr zu haben. – vaskort

Hat jemand irgendwelche Informationen darüber, warum sie dies getan haben oder ob es beabsichtigt war? Scheint wie ein Bug auf Yahoos Ende. – rojobuffalo

Ich habe eine Lösung dafür gefunden.

Auf der äußersten 100% Breite und mittig ausgerichtet Tabelle diesen Code hinzu:

style="table-layout: fixed;"

Dies sollte es beheben.

Quelle

2014-05-16 13:36:11

Dadurch vergrößerte die Spalte die gesamte Breite der E-Mail, die schlecht aussah. Ich habe

...

verwendet, was für mich funktioniert hat. – CoderDave

Dies funktioniert nicht für mich, stattdessen fügte ich dem Haupttabellen-Wrapper einen Randstil hinzu: style = "margin: 0 auto;". Ich hoffe, es hilft – Gew

Dies funktioniert nicht, weil auf anderen E-Mail-Clients bewirkt, dass der Inhalt abgeschnitten wird, anstatt 100% Breite. – snorkelzebra

Fügen Sie dem Stilblock im Kopf der E-Mail eine Klasse hinzu.

.table-center { table-layout: fixed; margin: 0 auto; }

Fügen Sie diese Klasse der äußersten Tabelle hinzu, um den Körper in das Fenster zu zentrieren. Fügen Sie es dann den Nachfolgetabellen hinzu, die für die Ausrichtung in der Mitte benötigt werden.

Quelle

2014-06-20 18:40:43 rojobuffalo

Ich habe beide Lösungen getestet und beide konnten das Problem nicht lösen. Ich glaube, es gibt ein größeres Problem - Yahoo! mail wickelt die E-Mail in mehrere div-Tags ein, eine mit einer Klasse "body". Dieses div erhält einen Breitenwert von "auto".

Wenn ich diesen Wert mit den Chrome-Entwicklertools von "auto" auf "100%" ändere, wird das Problem behoben.

Unveränderte:

enter image description here

"Fixed":

enter image description here

Da dieses div im Kopf der E-Mail außerhalb der Reichweite meines Stils Block ist glaube ich nicht, Dieses Problem kann behoben werden. Ich würde dies als einen Fehler von Yahoo klassifizieren.

Quelle

2014-06-24 15:31:00

Hi Istanard, stellen Sie sicher, dass Sie eine 100% -Breite-Tabelle um die Außenseite Ihrer gesamten E-Mail wickeln, innerhalb derer eine "Inhalts" -Tabelle in der Breite Ihrer E-Mail-Adresse sein soll (Best Practice ist 640 oder 600 Pixel). Innerhalb der äußeren Tabelle gehören "style =" table-layout: fixed; margin: 0 auto; '- im äußersten TD ein" align = "center" '-Tag. –

Ich zweite Ed Johnson Antwort hier auf die "feste; Rand: 0 auto;" Stil auf dem äußeren Tisch. Ich habe diesen Fix anstelle des "table-layout: fixed" -Stils verwendet, weil letzterer meinen Responsive-E-Mail-Stil zu brechen schien.

Quelle

2015-04-24 23:05:15

Yahoo! E-Mail HTML E-Mail-Ausrichtung Problem

Antwort

Verwandte Themen