Aide avec CSS sur le résumé de courriel pour Office 365

Salut, j’ai l’impression que d’autres ont sûrement déjà posé cette question, mais je n’ai rien trouvé après avoir cherché longtemps.

Le problème que je rencontre est que 90 % de mes utilisateurs utilisent Outlook et que la façon dont tous les e-mails provenant de mon site sont rendus présente d’horribles bordures de chaque côté. Voici à quoi cela ressemble :

Cela contraste avec l’apparence en aperçu :

J’ai lu le forum et essayé de copier le style du forum méta, mais cela n’a vraiment pas fonctionné :

Ce que j’essaie d’obtenir est un e-mail de résumé absolument générique qui fonctionne simplement parfaitement dans Outlook. Quelqu’un d’autre a-t-il réussi cela et dispose-t-il de code que je peux copier ?

Toute aide serait très appréciée !

Quelle version d’Outlook ? Cela dépend grandement de la version.

Vous ne pouvez pas remplacer le comportement des e-mails dans la mesure que vous décrivez en général — nous supposons un support raisonnable du CSS/HTML, et le bilan d’Outlook à cet égard est… presque pathologiquement mauvais, je suis triste de le signaler.

J’avais peur de cela et j’espérais que l’email puisse être remplacé par un modèle générique. Outlook m’indique qu’il s’agit de la version 2002.

image

Hmm. Laissez-moi vérifier. Cela pourrait être récent. Oui il s’agit d’Office 365 :

5 mars 2020
Version 2002 (Build 12527.20278)

C’est regrettable qu’Outlook (l’exécutable Windows) dispose d’un moteur HTML/CSS aussi régressif. Est-il possible que vos utilisateurs consultent les courriels dans la version web sur outlook.com à la place ?

Je ne contrôle pas la façon dont les utilisateurs accèdent aux e-mails — j’espère que beaucoup d’entre eux utilisent la version web plutôt que le client, mais je n’ai pas accès à ces données.

Merci pour votre réponse, il semble que je ne puisse pas grand-chose.

Mon rêve serait qu’il existe une version très simple du modèle d’e-mail de résumé, capable de fonctionner avec tous les moteurs HTML/CSS défaillants qui existent.

Y a-t-il une chance qu’une telle chose existe ? Je comprends tout à fait si ce n’est pas le cas.

Oui, il s’agit d’un problème connu. J’ai examiné la question ici : Activity Digest Email Weird Format in Outlook - #8 by simon.

C’est un problème résoluble, mais il ne peut pas être corrigé en appliquant du CSS à l’e-mail. Je ferai ce qui est en mon pouvoir pour créer une PR afin de résoudre le problème d’ici la fin de cette semaine.

Apparemment, cela pose problème depuis un moment dans la dernière version d’Outlook, donc toute modification que vous pourriez apporter serait la bienvenue @simon