28122 sujets

CSS et mise en forme, CSS3

Bonjour à tous,
Pour les signatures des emails des employés d'Adage, j'ai préparé un petit code HTML.
Malheureusement, le code pose 3 problèmes majeurs sur Outlook, et les réponses ont du coup une salle g... une mauvaise présentation.

Voici la signature : http://codepen.io/adage/pen/qbxbeO
Et voici le rendu sur Outlook : http://adage.bf/sign/screenshot.jpg

Les trois problèmes que j'ai identifiés sont donc les suivants :
1- La signature ne prend pas toute la largeur de la page, du coup le mail antérieur vient se caler sur le côté de la signature et en perturbe ainsi la lecture ;
2- Les images codées en base64 sont en résolution 2x plus grande pour qu'elles soient nettes sur les écrans retina, mais Outlook ne tient pas compte de la spécification de la taille dans le code ;
3- La dernière ligne devrait avoir le numéro de téléphone à gauche et les boutons sociaux à droite, or Outlook saute une ligne entre les deux.

Un immense merci à ceux qui pourront m'aider à résoudre ce bug !