I was just fooling around with some mobile WordPress stuff, and noticed that a few sites I was playing around with rendered slightly different on Opera Mini vs the Services browser or Nokia OS browser. Not a tremendous deal, but it happened to catch my attention.
Looks like Opera Mini isn’t doing the border-bottom. Fair enough, a quick look at the CSS Mobile Profile 2.0 shows that I should be using border-bottom-width and border-bottom-color. However, once I swap those in, Opera Mini still doesn’t look like the Nokia built in browser (which by the way renders the page like Firefox does, which is my gold standard, cause I’m a n00b).
And as always, I think well after the fact, “hey, wonder if there’s a checker out there that would tell me when I’m using CSS I’m not supposed to”. Cause when I put pages up I do it like people on the good old interweb do it, I bash at the stuff till it looks the way I want, and then maybe check it afterward when someone tells me it’s broken.
Surprisingly enough, I’m not sure there is. The stuff I’ve read says to use WCSS from the OMA (the WCSS PDF linked to from here), but I don’t think I’ve found a checker that actually checks a set of CSS against that document. And I think the document I have actually matches to that.. I think. The W3C mobile checker has some issues with my background colors… are background colors only allowed to be some predefined set in CSS Mobile 2.0?
Doesn’t matter, base question is: online document checkers – which one to use for XHTML mobile content that uses CSS? Is there an all-singing all-dancing one that lets me know if stuff is out of spec, or in spec but not supported by current implementations?