Banner Images and Tables Displaying Differently Across Email Clients | Community
Skip to main content
Marisa_Rybar
Marisa_Rybar
New Participant
October 26, 2015
Solved

Banner Images and Tables Displaying Differently Across Email Clients

  • October 26, 2015
  • 1 reply
  • 6723 views

Help!!!

I'm building out an email and testing it across different platforms, and I've noticed it renders differently depending on where it is opened. In Hotmail and Gmail, the width of the email is 600px, so if I limit that table or image to 560px width, it looks great on those two, but then it looks terrible on Outlook and only runs about 2/3 of the way across the email. If I adjust the table to 700px, then it looks great in Outlook, but it stretches the header image in Hotmail and Gmail.

Has anyone else had this issue? I remember having to deal with it in MailChimp too a while back, but I can't remember what I did to rectify it. Any suggestions would be incredibly appreciated!

Thank you!

-Marisa Rybar

Best answer by Dan_Stevens_

So Justin and Dan, what if we had a developer build out our email template in reference here? Is there a snippet of code I can grab to send him to add to the template? Or is this something Marketo can adjust for me (per your note in the conversation string on October 13th that the patch is in production)?


Marisa, direct your developer to this thread as well: Marketo is rewriting/omitting a significant amount of code in our responsive emails within the HEAD area  - specifically, you'll note some guidance provided here, from Email-on-Acid. These code fixes are primarily for those emails that are responsively designed.  However, this also may fix the issue that you're experiencing.  The key points are:

Make sure your initial <HTML> tag contains the additional XML namespaces as follows:

<html xmlns="w3.org/1999/xhtml"

xmlns:v="urn:schemas-microsoft-com:vml"

xmlns:o="urn:schemas-microsoft-com:office:office">

And then include this conditional code within the <HEAD> area of the HTML;

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

<meta name="viewport" content="width=device-width, initial-scale=1">

<!--[if gte mso 9]><xml>

  <o:OfficeDocumentSettings>

    <o:AllowPNG/>

    <o:PixelsPerInch>96</o:PixelsPerInch>

  </o:OfficeDocumentSettings>

</xml><![endif]-->

1 reply

Dan_Stevens_
Dan_Stevens_
New Participant
October 26, 2015

Sounds like you're experiencing the issues of Windows scaling.  See this thread (and the information that @Justin Cooperman​ provided - in terms of requesting the fix to be applied to your email templates).

Marketo Removing Code for Image Scaling for Outlook at 125%dpi

    Justin_Cooperm2
    Justin_Cooperm2
    New Participant
    October 26, 2015

    Yeah, if you bought a template that has code similar to what you see in the thread Dan referenced, let me know. We can enable that feature for you.

    Otherwise, it's possible that your template just wasn't written to handle sizing issues in different clients. If that's the case, other folks like Dan would be better equipped to recommend possible solutions. Each email client is very tricky, especially older versions of Outlook.

      Marisa_Rybar
      Marisa_RybarAuthor
      New Participant
      October 26, 2015

      So Justin and Dan, what if we had a developer build out our email template in reference here? Is there a snippet of code I can grab to send him to add to the template? Or is this something Marketo can adjust for me (per your note in the conversation string on October 13th that the patch is in production)?

      Terms & ConditionsAccessibility statement

      Loading footer...