Ich sende eine HTML-E-Mail von Outlook an mein mail.live.com-Konto. Wenn ich die Ergebnisse in mail.live.com mit Firefox sehe, sieht die E-Mail gut aus, aber wenn ich IE verwende, ist der gesamte Inhalt zentriert.
Ich habe viele align=left und inline CSS style='text-align:left' hinzugefügt, um es zu kontrollieren, aber es macht keinen Unterschied.
Wenn ich die HTML-Datei direkt in IE lade, ist es in Ordnung; nur bei der Anzeige von meinem Live / Hotmail-Konto ist es verzerrt.
Hat jemand dieses Problem?
%Vor%
Zusätzliche Informationen von einem anderen Benutzer:
Keine der Antworten scheint bisher zu helfen. Ich hatte meine gestapelten Top-Level-Tabellen zentriert und alle verschachtelten Tabellen links mit text-align:left; auf allen möglichen Elementen ausgerichtet und es hat nichts geändert.
Dann habe ich alle Instanzen von zentriertem Text und Tabellen im gesamten Code entfernt und STILL rendert mit zentriertem Text in allen Web-E-Mail-Clients in IE 9. Interessanterweise wird die E-Mail korrekt wiedergegeben, wenn ich die E-Mail von Gmail oder Yahoo in IE 9 sende (ohne alle zusätzlichen linksbündig auszurichten / Text ausrichten). Diese E-Mail muss jedoch aus Outlook stammen, sodass dies in diesem Fall keine praktikable Lösung darstellt.
Es gibt wahrscheinlich eine widersprüchliche ID / Klasse in Ihrem html, die jedoch in allen Browsern zu dem gleichen Effekt geführt haben sollte.
Es ist unmöglich, Ihnen zu sagen, was in Ihrem Browser vor sich geht. Versuchen Sie, die Elemente mit den Debugging-Tools des Browsers zu untersuchen. Dies sollte Ihnen sagen, welche Stile auf sie angewendet werden und sie sollten zeigen, woher die Textausrichtung kommt.
Im Internet Explorer ist die Abkürzung für das Debugging-Tool F12. Verwenden Sie den Pfeil oben links im Fenster, um sich auf bestimmte Elemente zu konzentrieren.
Setze ein Head-Tag ein und beende das HTML-Tag. Fügen Sie auch Ihren Stil in Ihr Header-Tag ein. Ich habe dies getan und es in IE Hotmail versucht und es hat für mich funktioniert.
HTML-E-Mails sind ein Albtraum, ich habe viele, viele, viele von ihnen gebaut. Haben Sie den Code beim Rendern im IE inspiziert?
Ich habe festgestellt, dass Live / Hotmail auch abhängig von der Version von IE anders rendert - ganz zu schweigen von anderen Browsern.
Auch, und das wird wahrscheinlich beleidigend klingen - aber haben Sie den Code validiert?
Prost
So nervig das klingt, versuchen Sie, ein Inline text-align: left; für die Absatztags hinzuzufügen.
Als Nachschlagewerk ist die HTML Email Boilerplate eine großartige Grundlage für diese gefürchteten HTML-E-Mail-Projekte.
Ich weiß, dass diese Frage alt ist, aber für zukünftige Referenz, habe ich bemerkt, dass die mit dem Haupttext nicht align="left" angegeben hat. Auch wenn es in anderen TDs verschachtelt ist, die doing align =: left ", übernimmt sucky IE diese Einstellung nicht.
%Vor%CSS-Unterstützung in E-Mail-Clients ist schrecklich. Leider wird das Versenden via Outlook es wahrscheinlich noch schlimmer machen. Vielleicht möchten Sie einen Service wie mail chimp in Betracht ziehen, aber ich schätze, Sie haben wahrscheinlich schon daran gedacht und senden per Outlook ist eine Voraussetzung für das Projekt, also hier sind ein paar mögliche Optionen (Ich fühle deinen Schmerz, ich habe ähnliche Sachen reparieren müssen.
Als allgemeine Faustregel, die Ihre Seiten so codiert, als wäre es 1999, habe ich festgestellt, dass die Kampagnenmonitorressourcen von unschätzbarem Wert sind.
Hier ist ein praktischer Leitfaden zu guten Praktiken: Ссылка
Eine vollständige Aufschlüsselung der CSS-Unterstützung: Ссылка
Und die Foren sind ziemlich praktisch: Ссылка
Keine Sorge, ich arbeite nicht für den Kampagnenmonitor! Nur Dinge, die ich nützlich gefunden habe.
Ein paar Dinge fallen mir ein, dass Sie es versuchen könnten:
Vielleicht verpacken Sie Ihren Text in div's und fügen Sie inline text-align: left ein. Oder vielleicht auf dem P-Tag.
Ich vermute, der äußere Tisch ist für die Zentrierung des Designs? Vielleicht sehen Sie sich alternative Techniken an, um das Äußere zu zentrieren.
Funktioniert wie ein Zauber. Und Sie müssen es nicht überall in der E-Mail einfügen.