Home PageFacebookRSS News Feed
PocketGPS
Web
SatNav,GPS,Navigation
MacFixer, the iPhone, iPod, and iPad specialists
Pocket GPS World - SatNavs | GPS | Speed Cameras: Forums

Pocket GPS World :: View topic - PocketGPSWorld Newsletter - Formatting Issues
 Forum FAQForum FAQ   SearchSearch   UsergroupsUsergroups   ProfileProfile   Log in for private messagesLog in for private messages   Log inLog in 

PocketGPSWorld Newsletter - Formatting Issues
Goto page 1, 2, 3, 4, 5  Next
 
Post new topic   Reply to topic    Pocket GPS World Forum Index -> News And Latest Information
View previous topic :: View next topic  
Author Message
Darren
Frequent Visitor


Joined: 11/07/2002 14:36:40
Posts: 23848
Location: Hampshire, UK

PostPosted: Fri Oct 16, 2009 12:00 pm    Post subject: PocketGPSWorld Newsletter - Formatting Issues Reply with quote

pocketgpsworld.comOur latest Newsletter went out this morning. We had spent the last week improving the layout and introducing a newspaper like style that we thought made it easier to read and more interesting.

However it seems that Microsoft email clients and Google GMail is unable to render the CSS code used to format the email correctly.

Whilst we have used CSS for over a year now, the addition of another column seems to have tipped the balance with those readers that are not fully CSS compliant. Whereas previously it was imperfectly formatted but readable, it is now displayed in a complete jumble!

This is a huge issue for all web developers. Having researched the issue, it appears that Microsoft Outlook and Windows Mail use a web render engine that is not standards compliant and is unable to fully render all CSS code.

This will be lost on many of you I know but CSS is the defacto code for layout of web pages and has been in force for years.

Microsoft's Internet Explorer is compliant but for reasons known only to themselves (and Gmail) they use a different render engine for HTML emails (emails that use web design layouts) and these are not compliant.

Frustrating for you who are left wondering why we sent out a Newsletter that looks like a grenade went off in the middle of it and even more frustrating for us!

For those of you so affected, there is a link at the top which takes you to the on-line version which will be rendered correctly using this link. This will ALWAYS show you the latest issue.

In the meantime, short of persuading you all to junk Outlook and switch to an email client that does comply with standards agreed years ago, we will have to see what we can do our end! It's a bit akin to being told you can build a house but have to use mud and straw!


_________________
Darren Griffin
Back to top
View user's profile Send private message Send e-mail Visit poster's website
Darren
Frequent Visitor


Joined: 11/07/2002 14:36:40
Posts: 23848
Location: Hampshire, UK

PostPosted: Fri Oct 16, 2009 12:04 pm    Post subject: Reply with quote

So frustrating having toiled for days on a new style that we all universally liked.

It would be useful to know what email clients and services work and which don't?

We know Outlook 2007 doesn't and nor does Gmail.

Microsoft I can understand, we all know they do what they like but Gmail is a web based email service so has no excuse.

Mind you, Gmail is unable to format it's own emails correctly, I get alerts of news items from Google and when sent to Gmail the format is corrupt so what hope have we!

For web pages, testing is relatively easy, we can maintain a suite of web browsers and load a page in each to check formatting.

Although most browsers handle code in a similar manner there are small but subtle differences.

But for email there is a myriad of clients, literally dozens and dozens and so effective testing is almost impossible.

There are standards compliant clients that will all render properly albeit with minor differences and then there is Microsoft and Gmail!

Perhaps we can employ code which detects a non-compliant email client and displays the link to the on-line version and nothing else?

http://www.pocketgpsworld.com/newsletters/newsletter-latest.htm
_________________
Darren Griffin
Back to top
View user's profile Send private message Send e-mail Visit poster's website
BigPerk
Frequent Visitor


Joined: Sep 06, 2006
Posts: 1618
Location: East Hertfordshire

PostPosted: Fri Oct 16, 2009 12:25 pm    Post subject: Reply with quote

As far as I can tell, the format is fine on Hotmail - mine certainly doesn't look as if any grenade went off anyway Smile
_________________
David
(Navigon 70 Live, Nuvi 360)
Back to top
View user's profile Send private message
NickG
Frequent Visitor


Joined: Nov 09, 2003
Posts: 357
Location: UK

PostPosted: Fri Oct 16, 2009 1:10 pm    Post subject: Reply with quote

Depending on which email sending engine you use, many engines have a testing feature built in. If they don't, you can easily see what your newsletter looks like in all email clients by using Litmus http://litmusapp.com/
Back to top
View user's profile Send private message Visit poster's website
Darren
Frequent Visitor


Joined: 11/07/2002 14:36:40
Posts: 23848
Location: Hampshire, UK

PostPosted: Fri Oct 16, 2009 1:21 pm    Post subject: Reply with quote

Thanks Nick, that's a useful link, have signed up.
_________________
Darren Griffin
Back to top
View user's profile Send private message Send e-mail Visit poster's website
Darren
Frequent Visitor


Joined: 11/07/2002 14:36:40
Posts: 23848
Location: Hampshire, UK

PostPosted: Fri Oct 16, 2009 1:27 pm    Post subject: Reply with quote

Hmm, that site shows Outlook 2003 rendering it properly and Gmail not. So it's only 'some' versions of Outlook.




_________________
Darren Griffin
Back to top
View user's profile Send private message Send e-mail Visit poster's website
MaFt
Pocket GPS Staff
Pocket GPS Staff


Joined: Aug 31, 2005
Posts: 15125
Location: Bradford, West Yorkshire

PostPosted: Fri Oct 16, 2009 1:38 pm    Post subject: Reply with quote

outlook 2003 is fine as it uses internet explorer as it's rendering engine. while there will be some things that won;t render exactly as planned, for the sake of the email newsletter it is fine.

outlook 2007, however, uses word 2007 as it's rendering engine... word? i mean, come on microsoft! word, and therefore outlook 2007, lacks support for a LOT of html stuff - particularly the code required for laying out nice emails.

thunderbird on mac/pc seems to cover every test i've read through. mac mail and outlook 2003 come a close 2nd.

MaFt
Back to top
View user's profile Send private message Visit poster's website
Darren
Frequent Visitor


Joined: 11/07/2002 14:36:40
Posts: 23848
Location: Hampshire, UK

PostPosted: Fri Oct 16, 2009 1:43 pm    Post subject: Reply with quote

So they release a newer client and build in a poorer/older rendering solution? It wasn't broke so they broke it! Only Microsoft eh!
_________________
Darren Griffin
Back to top
View user's profile Send private message Send e-mail Visit poster's website
NickG
Frequent Visitor


Joined: Nov 09, 2003
Posts: 357
Location: UK

PostPosted: Fri Oct 16, 2009 1:55 pm    Post subject: Reply with quote

GMail is a browser based email reader than runs inside your web browser. It therefore uses the browser's own rendering engine and does not have one of it's own. The only reason it might not display inside GMail is if you've made your newsletter too wide to fit in the default content area on that platform or if GMail has decided to block some of the images perhaps. I've not seen GMail alter the HTML of any messages I've sent out so far.

Outlook and Outlook Express use the Trident rendering engine, which is the same rendering engine used by IE7 and IE8.

However, when you sent the newsletter out, you specifically put the rendering engine into "Quirks Mode" by deleting the DOCTYPE header (which is present in the online version) used to tell the browser they should render in standards compatibilty mode. You also added the X-UA-Compatible meta tag to force IE8 to behave like IE7. However because of the missing DOCTYPE declaration this would actually have told IE8 to render more like IE5 than IE7.

If I validate the newsletter HTML in my HTML validator application, or using validator.w3.org, there are dozens of errors the your HTML (admittedly, most would not affect the rendering though) but
the main error message flagged is the the missing DOCTYPE declaration so the validator wasnt even able to tell if it was HTML or XHTML - let alone the desired rendering mode.

I would recommend you correct the HTML so that Standards Mode is enabled as this will make it easier to test. It's also much easier to do that rather than getting everyone to change their email clients and saves you posting long rants about why things look funny in IE8, when your HTML is telling IE8 behave more like IE5 Very Happy

The WebDeveloper tool bar for Firefox will show you if the page has the correct headers to put the browsers into Standards Mode. Most online HTML validators will tell you this too.


Last edited by NickG on Fri Oct 16, 2009 2:00 pm; edited 1 time in total
Back to top
View user's profile Send private message Visit poster's website
Darren
Frequent Visitor


Joined: 11/07/2002 14:36:40
Posts: 23848
Location: Hampshire, UK

PostPosted: Fri Oct 16, 2009 2:00 pm    Post subject: Reply with quote

NickG wrote:
GMail is a browser based email reader than runs inside your web browser. It therefore uses the browser's own rendering engine and does not have one of it's own. The only reason it might not display inside GMail is if you've made your newsletter too wide to fit in the default content area on that platform or if GMail has decided to block some of the images perhaps. I've not seen GMail alter the HTML of any messages I've sent out so far.

Gmail does not render CSS unless it is in-line.
Quote:
However, when you sent the newsletter out, you specifically put the rendering engine into "Quirks Mode" by deleting the DOCTYPE header (which is present in the online version)

We use a re-mailer, I did not strip any code out myself when setting up the email but I'll look at this. You understand that I'm not a web developer and so what may seem obvious to you is not to me!
Quote:
Rather than blaming the email clients and browsers, which are pretty much all now standards complaint

Clearly not given the discussion about OL2007 which uses Word as a render engine and does not support a whole bunch of CSS tags as discussed here.
_________________
Darren Griffin
Back to top
View user's profile Send private message Send e-mail Visit poster's website
NickG
Frequent Visitor


Joined: Nov 09, 2003
Posts: 357
Location: UK

PostPosted: Fri Oct 16, 2009 2:04 pm    Post subject: Reply with quote

OK...

Another issue you're going to have (which you can't really do anything about) is that with webmail systems, they use the render mode defined by the hosting page, not the one you specify yourself. There's no solution to that, and in my experience the only way to reliably send out newsletters is to avoid using any really new CSS (2.0) and keep the HTML as basic as possible (which may mean using tables where you'd normally perfer to use only DIVs). Sad

Also, for some bizarre reason on GMail, it's actually altering your HTML which it doesn't seem to do to messages I send out from the platform we use (DotMailer).

I stand corrected about OL2007. I looked it up online and it referred generically to Outlook and didn't mention that 2007 behaved differently to other versions. Word is a TERRIBLE rendering engine, so I'm not surprised you're having problems if thats the case.

To your credit, you've tried to stick to pure CSS and have done a pretty good job, but unfortunately not all email clients behave exactly like browsers (especially on other platforms). Ironically if you'd used tables to layout the newsletter, you probably wouldn't have had any problems. For newsletters at least, I refer you to http://www.giveupandusetables.com/ Smile


Last edited by NickG on Fri Oct 16, 2009 2:11 pm; edited 1 time in total
Back to top
View user's profile Send private message Visit poster's website
Darren
Frequent Visitor


Joined: 11/07/2002 14:36:40
Posts: 23848
Location: Hampshire, UK

PostPosted: Fri Oct 16, 2009 2:10 pm    Post subject: Reply with quote

Gmail is an oddity though, as I said earlier, it even breaks messages from Google!

I find all this 'standards' stuff really irritating. Why have standards if everyone just cherry picks the parts of the standard they choose to observe!

Is anyone using Windows Mail or whatever it's called in Vista and Win7?
_________________
Darren Griffin
Back to top
View user's profile Send private message Send e-mail Visit poster's website
NickG
Frequent Visitor


Joined: Nov 09, 2003
Posts: 357
Location: UK

PostPosted: Fri Oct 16, 2009 2:11 pm    Post subject: Reply with quote

Yeah I have Windows Mail set up in Windows 7 for testing.
Back to top
View user's profile Send private message Visit poster's website
NickG
Frequent Visitor


Joined: Nov 09, 2003
Posts: 357
Location: UK

PostPosted: Fri Oct 16, 2009 2:13 pm    Post subject: Reply with quote

*you* find them irritating? This is my full time job so imagine how annoyed I get! (actually I think you already know! Rolling Eyes)

I wish they'd all just give up and switch to a single rendering engine. Preferably KHTML (used in Safari 4 and Chrome) or Gecko (Firefox and family).
Back to top
View user's profile Send private message Visit poster's website
Darren
Frequent Visitor


Joined: 11/07/2002 14:36:40
Posts: 23848
Location: Hampshire, UK

PostPosted: Fri Oct 16, 2009 2:17 pm    Post subject: Reply with quote

NickG wrote:
Yeah I have Windows Mail set up in Windows 7 for testing.

I was wondering if that rendered the page correctly?

Looking at the stats, the majority of readers are using Hotmail and Outlook Express which works ok. So our problem children are those using affected versions of Outlook and Gmail.

I'll check after the weekend but if more than 3/4's of the clients are OK I'm not going to waste too much time on this. We could revert to Table based layout but as you know this is a nightmare too and just as problematic with compatibility.

You have my sympathy, I couldn't deal with this full time or I'd snap!
_________________
Darren Griffin
Back to top
View user's profile Send private message Send e-mail Visit poster's website







Posted: Today    Post subject: Pocket GPS Advertising

Back to top
Display posts from previous:   
Post new topic   Reply to topic    Pocket GPS World Forum Index -> News And Latest Information All times are GMT + 1 Hour
Goto page 1, 2, 3, 4, 5  Next
Page 1 of 5

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum

Make a Donation



CamerAlert Database

Click here for the PocketGPSWorld.com Speed Camera Database

Download Speed Camera Database
22.034 (27 Mar 24)



WORLDWIDE SPEED CAMERA SPOTTERS WANTED!

Click here to submit camera positions to the PocketGPSWorld.com Speed Camera Database


12mth Subscriber memberships awarded every week for verified new camera reports!

Submit Speed Camera Locations Now


CamerAlert Apps



iOS QR Code






Android QR Code







© Terms & Privacy


GPS Shopping