Yahoo mail as of July 10, 2014
This morning had an unusual set of ups and downs. The coffee was 5 thumbs up (I like Tully brand) and I also noticed my Yahoo inbox had a facelift (a good thing, perhaps). I use Chrome and noticed immediately that the fonts were crisper than normal. The next thing I know, the inbox asked if I wanted to change my theme. Sure, I like seascapes. Why not? All good... and then...
As I reviewed the mail in my inbox, I noticed that every email was slammed left and all the background colors were missing.
I started going through all my mail. My Yahoo client is where I collect samples as an email marketer but also for things that I like. There's a lot in my inbox. I logged out of Chrome and into Firefox. I scratched my head. I tweeted. No word from @YahooMail yet, but @EmailonAcid has noted the changes.
So, are other folks noting that Yahoo had made some changes to their desktop client? Anyone have anything specific to share. I love a good mystery. As long as we find out who-done-it, to-whom, with-what.
Joi Brooks
Tech Support
OpenMoves
Apparently
table-layout:fixed;
to outer tables fixes the issue. More discussion here.If you'd like to dig deeper, I've found the
.thread-item.expanded .thread-body .body
and.msg-body
to be the primary troublemakers. Noodling around in Firebug, for example, can help pinpoint where the misalignment is originating from.If I view Yahoo mail in Internet Explorer I still find things I centered to be centered, but now when I check it in either Firefox or Chrome they are left aligned. Litmus is showing the same in tests.
I found a hint to use table-alignment: fixed; in the style attribute for tables, but it is not currently helping. Also tried <center> without luck. Sigh.
Add
table-layout:fixed; margin:0 auto;
to the table you want centred andtable-layout:fixed;
to the outermost table.Should fix it for ya
Thank you, Mark! I meant 'layout' and typed 'alignment'. I did not know about margin: 0 auto; so I will try that today. Fingers crossed.
Hi Joi,
I tend to use the following with my <style></style> tags for this issue as it beats dropping table-layout:fixed; on several tables.
Also as Ted has said, we have a thread which covers this subject inside & out.
The only email in my inbox that displays correctly is coming from LinkedIn, so whatever Yahoo has changed in the last few days is mismanaging EVERY OTHER EMAIL in my inbox. I'm not talking about the newsletters that I'm creating.
Stuff from How+Print, DMN Daily, WebPro, buybuyBaby, Gap, Practical eCommerce, Vitamin Shoppe, Staples, Pinterest, Twitter, Thrillest, Northern Tool, LandsEnd, Green Mountain Coffee, SweetJack, to name a few... all left aligned and without backgrounds.
Are you saying, Michael and Ted, that the emails in your Yahoo inbox that you are subscribed to are displaying properly?
JB
Hi Jol,
This is a known issue but others just haven't been quick either to react or find a solution. I have seen a lot of emails which are aligning left in yahoo of late (actually I have known about this issue for just over a month now) and this is because Yahoo are amending code differently now - for what reason I am unsure.
The solution in any emails you are sending which align left is above.
If i'm not understanding your situation correctly please let me know.
Hey, MIchael. I initially tweeted the "news" and it was recommended that I also post here, to let others know. I wanted folks to become aware of the inbox changes specifically in Yahoo. I see the articles that Ted has referenced... I meant to say this isn't just about my emails... it's about everyone's emails.
So, thanks for all your input. I think that I can sum this up by adding the following community links...
https://litmus.com/community/code/217-yahoo-change
https://litmus.com/community/discussions/340-do-you-use-table-layout-fixed
:)
JB