Post

4 followers Follow
1
Avatar

Wry layout in Outlook 14 for Windows

Compiled layout is wry in Outlook 14 Windows.

As you see the top image is not 100% width. But it IS 500px width. So all other layout has width more than 500px.

Spent a few hours to solve this problem.

Replace style="width: 500px" with attribute width="500" to all TD and TABLE tags.

 

Pavel Markov

Please sign in to leave a comment.

11 comments

0
Avatar

Hi Pavel, thanks for the feedback. We are going to post an update of the new HTML parser tomorrow, which might address the issue that you found, as it pertains to a piece of the HTML that deals with Microsoft email clients.

The solution that you mentioned above, I'm afraid, is not the correct one and could have side effects on the responsiveness of the message to different viewports.

Massimo Arrigoni 0 votes
Comment actions Permalink
0
Avatar

Hi, Massimo!

Thanks for your brilliant product.

My solution works only for MS Outlook because tags TABLE and TD are wrapped with [if mso] tags. I do not insist in my solution but it worked for me.

Also it did not work when I  used width="500px". It only worked with width="500". As I know MSO ignore style attribute so maybe adding "width" attribute will help.

Regards

Pavel

Pavel Markov 0 votes
Comment actions Permalink
0
Avatar

Hi all, we didn't track any issue in Outlook 2007+ like the above.

Can you please send us the not working HTML file to support at beefree.io?

Guillermo Padilla 0 votes
Comment actions Permalink
0
Avatar

again wry markup

As far as I could find out MSO ignores width attribute in pixels for TABLE tag.

This code displays erroneous in MSO 

<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="background-color:transparent;" align="center">
<table cellpadding="0" cellspacing="0" border="0" style="width: 500px;">
<tr class="layout-full-width" style="background-color:transparent;">

it should be like this

<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td></td>
<td width="500" style="background-color:transparent;" align="center">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr class="layout-full-width" style="background-color:transparent;">
...
</td></table></td><td></td></tr></table>

Hope it helps

Pavel Markov 0 votes
Comment actions Permalink
0
Avatar

Hi,

We are paying for a solution that should work, we are still experiencing the same kind of problems in OWA when sending e-mails.
We migrated our own drag and drop editor to yours specifically to avoid dealing with this kind of problems, but we are finding ourselves dealing with this problems now but without being capable of amending this problems.

We are using befree as our main campaign e-mail builder and we have paying clients issueing complaints about this bug.

Please, I think you should give priority to this bug.

When this will be solved?



Pbaquero 0 votes
Comment actions Permalink
0
Avatar

We are working on it night and day, believe me :-)

Let's be very clear: the new HTML parser provides substantial benefits. Specifically with regard to the message clipping issue: clipped messages are not only a marketing problem (part of the message is not visible), but can be a legal issue too when an unsubscribe link is not shown or a legal disclaimer is hidden.

So, the clipping issue in Gmail and Yahoo! Mail had to be addressed, and the verbose HTML that is written with table-based, fluid layouts for email leads to larger message sizes.

As mentioned, there are other benefits as well.

That said, we are very aware of the issues that have been brought up, and we are working tirelessly to address them. Some are trickier than others, and unfortunately overnight fixes are not available in some cases.

We'll keep you posted.

Massimo Arrigoni 0 votes
Comment actions Permalink