none
Why does this not render in Outlook? RRS feed

  • Question

  • Hello,

    not sure if this is the right place but developers most probably knowing best :-)

    I receive following e-mail from Thunderbird, but Outlook is not rendering it correctly. While it looks good in all other tested clients (eg Thunderbird, Eudora, Kmail), it misses all CSS styles in Outlook. I did the message using a template system and I wonder why it fails in Outlook. Any ideas?

    I save in TB as EML ond open up in Outlook. Still the same problem. Here is the EML content:

    From - Fri Jun 17 10:12:30 2016
    X-Mozilla-Status: 0001
    X-Mozilla-Status2: 00800000
    X-Mozilla-Keys:                                                                                 
    To: abc@xyz.com
    From: abc@xyz.com
    Subject: Nice test message
    Organization: xyz.com
    Message-ID: <5763B0EE.1000103@xyz.com>
    Date: Fri, 17 Jun 2016 10:12:30 +0200
    User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:38.0) Gecko/20100101
     Thunderbird/38.8.0
    MIME-Version: 1.0
    Content-Type: multipart/mixed;
     boundary="------------070107080103080103050208"

    This is a multi-part message in MIME format.
    --------------070107080103080103050208
    Content-Type: text/html; charset=utf-8
    Content-Transfer-Encoding: quoted-printable

    <html>
      <head>

        <meta http-equiv=3D"content-type" content=3D"text/html; charset=3Dutf=
    -8">
      </head>
      <body bgcolor=3D"#FFFFFF" text=3D"#000000">
        <title>xyz</title>
        <table class=3D"xyz-table-outline" cellpadding=3D"0" cellspacing=3D=
    "0"
          align=3D"center">
          <tbody>
            <tr>
              <td>
                <table class=3D"xyz-table" cellpadding=3D"0" cellspacing=3D=
    "0"
                  width=3D"600">
                  <tbody>
                    <tr>
                      <td class=3D"xyz-textHeader"> <br>
                        <b> regimail - confidential message<br>
                          regimail - vertrauliche Nachricht<br>
                          regimail - message confidentiel<br>
                        </b> <br>
                        <span style=3D"font-size: 80%;">Sender: Mr Tester
                          Tester</span> </td>
                    </tr>
                    <tr>
                      <td class=3D"xyz-text"> <u><b>English:</b></u><br>
                        The confidential message is attached to this e-mail.
                        In case you do not use xyz yet, please follow
                        these steps:
                        <ol style=3D"text-align: left; margin: 2px 2px 2px
                          55px;">
                          <li>Click <a
                              href=3D"https://portal.xyz.com/phpSignUpMemb=
    er.php?lg=3DEN">here</a>
                            to sign up for free.</li>
                          <li>Download and install the xyz software.</li>
                          <li><b>Open the attached message with doubleclick.<=
    /b></li>
                        </ol>
                        Alternatively, you can save the xyz-file and open
                        it online in the xyz web portal. <br>
                        =C2=A0<br>
                        <u><b>Deutsch:</b></u><br>
                        Die vertrauliche Nachricht befindet sich im Anhang
                        zu dieser E-Mail. Falls Sie den xyz-Service noch
                        nicht nutzen, f=C3=BChren sie bitte folgende Schritte=

                        aus:
                        <ol style=3D"text-align: left; margin: 2px 2px 2px
                          55px;">
                          <li>Klicken Sie <a
                              href=3D"https://portal.xyz.com/phpSignUpMemb=
    er.php?lg=3DDE">hier</a>
                            um sich kostenlos anzumelden.</li>
                          <li>Laden und installieren Sie die
                            xyz-Software.</li>
                          <li><b>=C3=96ffnen Sie mit einem Doppelklick die Da=
    tei
                              im Anhang.</b></li>
                        </ol>
                        Alternativ k=C3=B6nnen Sie die xyz-Datei speichern=
     und
                        dann online im xyz-Webportal =C3=B6ffnen. <br>
                        =C2=A0<br>
                        <u><b>Fran=C3=A7ais:</b></u><br>
                        Le message confidentiel est joint =C3=A0 cet e-mail. =
    Si
                        vous n'utilisez pas encore xyz, veuillez suivre
                        ces =C3=A9tapes:
                        <ol style=3D"text-align: left; margin: 2px 2px 2px
                          55px;">
                          <li><a
                              href=3D"https://portal.xyz.com/phpSignUpMemb=
    er.php?lg=3DFR">Cliquez
                              ici</a> pour vous inscrire gratuitement.</li>
                          <li>T=C3=A9l=C3=A9chargez puis installez le program=
    me
                            xyz.</li>
                          <li><b>Ouvrez le message joint avec un double
                              clic.</b></li>
                        </ol>
                        Vous pouvez =C3=A9galement enregistrer le fichier reg=
    ify
                        puis l'ouvrir en ligne sur le portail web de xyz.
                      </td>
                    </tr>
                  </tbody>
                </table>
              </td>
            </tr>
          </tbody>
        </table>
        <meta http-equiv=3D"Content-Type" content=3D"text/html; charset=3Dutf=
    -8">
        <style type=3D"text/css">
        .xyz-body {
          background-color: white;
          border: 0px;
          font-family: Arial, Helvetica, sans-serif;
          font-size: 9pt;
          text-align: left;
        }
        .xyz-table-outline {
          border-spacing: 0px;
          padding: 0px;
          border-collapse: collapse;
        }
        .xyz-table {
          border-spacing: 0px;
          padding: 0px;
          border-left: 14px solid #1271c4;
          border-right: 14px solid #1271c4;
          border-bottom: 14px solid #1271c4;
          border-collapse: collapse;
          font-size: 9pt;
        }
        a.xyz-link {
          text-decoration: underline;
          color: #60711B;
        }
        .xyz-textHeader {
          background-color: #1271c4;
          color: white;
          font-family: Arial, Helvetica, sans-serif;
          font-size: 13pt;
          text-align: center;
        }
        .xyz-line {
          background-color: #1271c4;
          color: white;
          height: 4px;
        }
        .xyz-text {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 9pt;
          padding: 14px;
        }
        </style>
      </body>
    </html>

    --------------070107080103080103050208
    Content-Type: application/vnd.xyz;
     name="xyz_73430162.rgf"
    Content-Transfer-Encoding: base64
    Content-Dis;
     filename="xyz_73430162.rgf"

    VHlwZT1yZWdpbWFpbApSZWNpcGllbnQ9ZGVtb0ByZWdpZnkuY29tClNlbmRlcj1NciBWb2xr
    ZXIgU2NobWlkIChyZWdpZnkgR21iSCkKU2VuZGVyQWRkcmVzcz12b2xrZXIuc2NobWlkQHJl
    Z2lmeS5jb20KU2VuZGVySW5mbz0KQ2lwaGVyPWNiYy1hZXMtMjU2fDcyMkM5OTcwNEVCM0I2
    NDM0OUJEMUY4NTk4QjcyMDU5ClN1YmplY3Q9TmljZSB0ZXN0IG1lc3NhZ2UKQm9keUZvcm1h
    dD1IVE1MCkJvZHlGaWxlbmFtZT1ib2R5Lmh0bQpDcmVhdGlvbkRhdGU9MjAxNi8wNi8xNyAx
    MDoxMjoyOQpDZXJ0aWZpY2F0ZT0yfDMwODIwMTBCMDI4MjAxMDBCMDI5NDFGNDI1OTBCN0Uy
    NEVGOTUwODYwRDVFRUY2ODA4RDc4QjY2NTdBMjY4OTI3NzFDRDcwQjg5NTFCRDBFRkU4OTNE
    QUEyQTQ1ODlERTdEMjdBMUE2QjI3ODk3MDhGMUVBNUNCMzU3NTJBRUIyMzQxMjhGRjAzM0Ix
    QUM5Nzc4NDgyMDcyMTMzNTRBQTM4RjI0NjNCQjNGNDEyRkU4MzhEMTlDNEY4QzJBQThDRjBF
    OUFCMzk5NUMxNDY0OEY2ODZFOTY1RjBGRTJDQ0Q5RDIyMUYyMDBENkRCMDM0RTZCMERERTJF
    MkVBRTdDQzcwMDAxQkY1NzQ4RUEzRUE3QUE5MDhGNzYzOEI0MkRFNDBCNjBGMDNGOUQ3NERB
    RUIxQUU4QjU1QzFFOUZGODMxMEI5QzhCMEZCNEVDNkU1QUIwRjNCQUUwMDA5RkE2NDc2NjU1
    RTJENUY2OUE1RTMyNDI1NDBCNjY3MEUwNUFDQjMxMzgxMUQ4QzA0QkM0RUQxNjkzMTgwREI5
    NjNFMUUxQzBFMERCQzNBQkY5REFCMUJFNTBENUFGMTJGQjg4Mzg1N0RDN0MwMUY3QzcxMkFB
    RDgxMjc2NkI4OUQ1MUM3RTI1REVBRjRBQzlEQjYwMDkyNkI3MDZCNEFGNzMwREJGQTAyMzMw
    MTkzQzVDQTRBRjAyODIwMDAzMDEwMDAxfDIwNDh8UlNBfDIwMTUtMTItMTUgMTE6MDI6NDkg
    VVRDfDF8cmVnaWZ5IEdtYkggRGVtbyBQb3J0YWx8cGVyc29ufE1yIFZvbGtlciBTY2htaWR8
    cmVnaWZ5IEdtYkh8N3xERTI0NjYxNDEyMwpGaWxlQ291bnQ9MQpGY2FwXzE9NjI3NkQ2RjNG
    OUE3QUE5RDYzMzg3NkFEMUJBRTkwN0YKRmV4dF8xPWh0bQpGbmFtXzE9cGFydF8wLmh0bQpG
    bGFnXzE9WkEKT2Zmc18xPTAKTGd0aF8xPTYwOApGc2l6XzE9NzE5Cv8ldq7ytunwUCkIWTlg
    pmeBuPgGohKvdP5je5IEB9zPUbgueDLfj9dHUYAyNaqdkqsEd7lXX23HA1vIDO2MLIf2pX86
    xlpz1/QJlIMobYXFzK7Qmh7nM+r6SwfH/JMxb6ie89JIYUST/1tmSiJs9xULWSVniqWFJdsk
    jqWx/TyN89b+9bX8lyj4VilkI8b4Nmg4Kpc94ReRdsQlndJn5aic91PANmIzpKk0ua0REsaS
    aZFYLikB7+oZ02wr+Yc5EfEWtZdWzqYIAeE0qCqUpJRzgf4C6c46lvGRk/xPNJ8twB1imopX
    KT3hhb64uim9wdkIRlcnCczi5yBUnuYeGbOlbOklK5Z1a3zm7bfPKFrXub6hYZ62lsLZaeK2
    XLeqhrVP6q9J+DqXJJH16r3AN8OYCAeEExuVx546/ryPBDhYE0s9npOBGsWxRin45+GJw331
    OWU78j40YxHQKe+U9g+p/muSDGr3AkaI67KUYH8JAH+AG2PDuYqm5Q940GsZNfZcM4HizgtU
    Pxj1YBcQNzof9tpcn1SsRyofw/oPXH7A/PdhiVuT6pbPsUQ6XTNTmyFd38HmhXd6Sijcv28Z
    gk0Rr/TZRHkd5gWa09WEjkj/QByzp2J4eDBsC4ELNh2o0c9XxiWGEPWTyds+hwBMIsJZbmpd
    DJUzz49yt/No8c8ZPf/NaedqGPTq14QlpOTVNWoTEv25LCxPrWAJrX/Z1KhHxyX2KZImtHlb
    lZnLw8gH2yXaLE1ejSpgJEWE0wVdD2xMTVnCfqKXGn2sfAV8rlXZ6kOaJTQep2R3yscsDzWz
    ew==
    --------------070107080103080103050208--

    What is wrong in this message?

    THANK YOU!

    Friday, June 17, 2016 8:36 AM

Answers

  • Ok, I fully understand that Thunderbird totally messed um the HTML. I used a nice and proof HTML template as message body in Thunderbird but the above is what Thunderbird did with it. Strange!

    So, maybe the other e-mail clients are more tolerant, but I need to fix the bad HTML in prior.

    Thanks anyway.

    • Marked as answer by Schlangengott Friday, June 17, 2016 10:39 AM
    Friday, June 17, 2016 10:39 AM

All replies

  • Ok, I fully understand that Thunderbird totally messed um the HTML. I used a nice and proof HTML template as message body in Thunderbird but the above is what Thunderbird did with it. Strange!

    So, maybe the other e-mail clients are more tolerant, but I need to fix the bad HTML in prior.

    Thanks anyway.

    • Marked as answer by Schlangengott Friday, June 17, 2016 10:39 AM
    Friday, June 17, 2016 10:39 AM
  • Hi Schlangengott,

    I find that you have marked, have you resolved this issue?

    >>> it misses all CSS styles in Outlook. I did the message using a template system and I wonder why it fails in Outlook. Any ideas?

    According to your description, there are some issues with HTML and CSS in Outlook, which uses Word to render HTML content. You could get more information, click "Word 2007 HTML and CSS Rendering Capabilities in Outlook 2007".

    In addition this is the forum to discuss questions and feedback for Outlook for Developers, so I suggest that you could post your question to the Technet forum for Outlook IT Pro Discussions

    https://social.technet.microsoft.com/Forums/office/en-US/home?forum=outlook

    Thank you for your understanding.
    Monday, June 20, 2016 6:39 AM
  • Hi David,

    yes, the HTML was totally mangled by Thunderbird and therefore I needed to edit the template to use inline style tags. With those, it also worked on Outlook and therefore it is solved to me.

    I posted on OL as I also use a self developed Outlook AddIn to set this HTML on Outlook side. But Thunderbird was the bad guy :-) Outlook worked fine.

    Thank you for the link about Outlook rendering capabilities. That was also interesting.

    Monday, June 20, 2016 6:45 AM
  • >>>I posted on OL as I also use a self developed Outlook AddIn to set this HTML on Outlook side. But Thunderbird was the bad guy :-) Outlook worked fine.

    According to your description, since this issue is not related to Outlook, I suggest that you could post your question on Thunderbird Support to seek help:

    https://support.mozilla.org/en-US/products/thunderbird

    Thanks for your understanding.
    Tuesday, June 21, 2016 5:39 AM