Email disclaimer prepend (mail flow rule, HTML) - Formatting incorrect in Chrome only

Matt Minor
Matt Minor used Ask the Experts™
on
Exchange version: Exchange online.

We have a transport rule configured to prepend a disclaimer message to all external mail. It works fine in IE, Edge, Firefox, and the Outlook client - but in Chrome, if the incoming message is less than 6 characters, it wraps around the right side of the disclaimer box (see image). It only does this in chrome. I think it's something to do with the HTML code used for the disclaimer but not sure what exactly it would be. Here's the HTML for the disclaimer:

​<table class=MsoNormalTable border=0 cellspacing=0 cellpadding=0 align=left width=`"100%`" style='width:100.0%;mso-cellspacing:0cm;mso-yfti-tbllook:1184; mso-table-lspace:2.25pt;mso-table-rspace:2.25pt;mso-table-anchor-vertical:paragraph;mso-table-anchor-horizontal:column;mso-table-left:left;mso-padding-alt:0cm 0cm 0cm 0cm'>  <tr style='mso-yfti-irow:0;mso-yfti-firstrow:yes;mso-yfti-lastrow:yes'><td style='background:#910A19;padding:5.25pt 1.5pt 5.25pt 1.5pt'></td><td width=`"100%`" style='width:100.0%;background:#FDF2F4;padding:5.25pt 3.75pt 5.25pt 11.25pt; word-wrap:break-word' cellpadding=`"7px 5px 7px 15px`" color=`"#212121`"><div><p class=MsoNormal style='mso-element:frame;mso-element-frame-hspace:2.25pt; mso-element-wrap:around;mso-element-anchor-vertical:paragraph;mso-element-anchor-horizontal: column;mso-height-rule:exactly'><span style='font-size:9.0pt;font-family: `"Segoe UI`",sans-serif;mso-fareast-font-family:`"Times New Roman`";color:#212121'><b>CAUTION: External Mail.</b>  Do not click on links or open attachments you do not trust.<br>
<b>ATTENTION: Courriel externe.</b>  Ne cliquez pas sur des liens et n'ouvrez pas de pièces jointes auxquels vous ne faites pas confiance. </span></p></div></td></tr></table>

Open in new window


The fallback option is set to "Wrap".

I am thinking that perhaps the junky HTML is not being rendered correctly in Chrome for whatever reason. I did not create this disclaimer, but it appears that it was created in word and saved out to HTML, and copy/pasted. Should I re-create this using standard HTML/CSS?

Attached is an example of what an incoming email looks like, when under 6 characters in Chrome.

I appreciate your help!
outlook_disclaimer_formatexample.jpg
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
I could not reproduce the problem in my environment - the disclaimer comes up "right".
The problem is, the disclaimer was, for sure, generated in MS Word and converted to HTML. Because of a very specific way of formatting, converted disclaimers/signatures almost always break in some email clients/browsers.
The following disclaimer should not have the problem you have faced:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Default content</TITLE>
<META content="text/html; charset=unicode" http-equiv=Content-Type>
<META name=GENERATOR content="MSHTML 11.00.10570.1001"></HEAD>
<BODY style="FONT-SIZE: 10pt; FONT-FAMILY: ARIAL">
<P style="FONT-SIZE: 10pt; FONT-FAMILY: ARIAL">
<TABLE style="WIDTH: 660px">
  <TBODY>
  <TR>
    <TD 
    style="FONT-SIZE: 10pt; HEIGHT: 25px; FONT-FAMILY: Arial; BACKGROUND: #910a19" 
    vAlign=top></TD>
    <TD 
    style="FONT-SIZE: 10pt; HEIGHT: 25px; FONT-FAMILY: Arial; WIDTH: 663px; BACKGROUND: #fdf2f4" 
    vAlign=top><SPAN 
      style='FONT-SIZE: 9pt; FONT-FAMILY: `"Segoe UI`",sans-serif; COLOR: #212121; mso-fareast-font-family: `"Times New Roman`"'><B>CAUTION: 
      External Mail.</B> Do not click on links or open attachments you do not 
      trust.<BR><B>ATTENTION: Courriel externe.</B> Ne cliquez pas sur des liens 
      et n'ouvrez pas de pièces jointes auxquels vous ne faites pas confiance. 
      </SPAN></TD></TR></TBODY></TABLE></P></BODY></HTML>

Open in new window

Fractional CTO
Distinguished Expert 2018
Commented:
Your disclaimer rendered in very old HTML4 type syntax.

Likely best to convert this to HTML5 syntax for correct rendering in all browsers + mail clients.

Use https://validator.w3.org/nu/ to convert over to HTML5 syntax.

For example, running your signature through the validator produces 48 errors. Many errors are egregious... so bad... there's no hope of this signature rendering sensibly.

Just clear all the syntax errors + you'll be good.

Use the validator by selecting text input, then overwrite the <p></p> line with your signature.

Hint: Get rid of the table, as tables tend to be overly complex for adding a simple signature. Also, if any other message HMTL is broken (very common), then any minor table syntax errors can end up making your signature highly scrambled or invisible.
Matt MinorTechnical Systems Analyst

Author

Commented:
Thanks so much to erveryone - extremely helpful my disclaimer works just fine now.
David FavorFractional CTO
Distinguished Expert 2018

Commented:
You're welcome!

Glad you got this working!

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial