I am not sure if this is a bug on Marketo's side or something wrong with my code.
When working on an email template and send a test from the template editor, the result looks broken vs when I send a test after approving the template.
I tried to narrow down the code to hopefully show my issue: (also attached)
<body style="width: 100% !important;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<td align="center" valign="top" bgcolor="#F3F6F9" width="740" class="mktoContainer" id="bodycontainer" mktoname="Body Container">
<table width="740" border="0" cellspacing="0" cellpadding="0" class="100p mktoModule" id="heronav" mktoname="Hero Nav Section">
<td bgcolor="#000000" valign="top" class="100p" width="740" style="border-collapse: collapse; padding: 0; padding: 30px 40px 30px 40px;">
<table border="0" cellspacing="0" cellpadding="0" width="660" class="100p" style="border-collapse: collapse;">
<td align="left" width="100%" style="border-collapse: collapse; padding: 0; "></td>
<!-- End Hero Section -->
When I send from the menu in the template editor:
I get this:
Two black bars, the top one is weirdly full width
When I approve and close it first and then send the test I get the proper format:
A single not full width black bar which is what it is supposed to be.
This is a simplified model of a larger problem I have been having of templates sending broken versions when sending tests, but working fine when sending as approved templates.
Anyone else having this issue?
I'll be honest--I can't seem to replicate this exactly. The closest I get is ton Comcast webmail, where it just fails to render altogether from the template send. What are you seeing this appear in?
Bizarre--I tried it in Litmus Builder as well as sending template and standard versions.
That being said, there are a couple of things that jump out here: you declare padding twice in your .100p td, and even declaring padding on something like this is a little odd. Generally, the easier method is to just use one container table that holds your fixed width (and adjustment), and then use a percentage width to calculate the bordering you're doing with the padding in this case. Same visual effect without having to worry about client compatibility.
Generally, when I've seen discrepancies between template and individual email, it happens when there's variables or such involved, so not sure what's going on here.
I ran it again without the padding, still same issue. Weird. Thanks for trying it out.
Oh well, at least now I know a work around. Don't send tests from the template editor, approve it and then send the test and it seems to work fine.
Here are the litmus results. Sorry they are so small, but you can clearly see the duplicated black bar.
NOTE: this is not what it looks like when I use the Litmus builder, but rather what I get when I forward it to me litmus test address.
When I use Litmus builder it looks fine, it is only when sent from Marketo in the template editor.
The code you provided is valid, and when I place it in Dreamweaver it appears correct. Have you taken a look at the template code?
Yep, the html works fine for any send except for from the template editor. Sent from gmail or even sent from Marketo anywhere but from in the template editor I don't have a problem. Just when currently editing template code do I have the issue.