You are here: Home / Dog Blog / Archives

HTML and CSS for Mobiles

Monday 14 June, 2004 (11:51AM GMT)

Although it's chugging along rather slowly (certainly more slowly than people predicted a few years ago), with phones and PDA's becoming ever more advanced, the mobile internet is clearly going to play a big role in the future of the web.

A problem in designing web pages for these platforms is the multitude of mobile devices (both PDA's and phones) that will no doubt render pages in different ways. If web standards were fully supported then it would be possible to optimise pages for these mobile devices without changing the underlying HTML - just like providing alternative styles for print.

It all comes down the handheld media type. If that was supported then we'd be laughing - one style sheet for screen, one style sheet for print and one style sheet for mobiles, with code something like this:

<link rel="stylesheet" type="text/css" media="screen" href="screen.css" />
<link rel="stylesheet" type="text/css" media="print" href="print.css" />
<link rel="stylesheet" type="text/css" media="handheld" href="mobile.css" />

But here's where the practical difficulties kick in. In everyday web design it's often difficult enough to get hold of a platform other than the one you're using, but when it comes to mobiles, where the hell do you start?. I understand that the handheld media type is supported by some devices and software, but I don't know to what extent. I also know that some also apply styles specifically targeted with the screen media type. Tut tut. Naughty.

Opera have a browser for the Series 60 platform, which looks great. In fact, you can see what a web page would look like on it by going to the "View" menu and selecting "Small Screen" on a regular Opera browser. It has good support for standards (including the handheld media type), as you might expect from Opera but unfortunately, I'm assuming that this isn't that popular a browser for mobiles, although it does come pre-installed on a certain new Nokia phone.

Some phones have their own built-in browser (such as the Nokia 6220), and I assume a lot of PDA's do too. The mobile version of IE is bound to be a major player, but there could well be hundreds of different mobile browsers out there. Another factor is international differences, especially with phones. Europe has quite a different market to America and parts of Asia are in a super hi-tech world of their own.

Can anyone can shed any light on mobiles and how they handle HTML and CSS? I've constructed a test page that should show how a browser deals with screen and handheld media types (this works really well with Opera), so if you've got a web-enabled phone or PDA, please take a look at the page (http://htmldog.com/test/handheld.html) and let me know how many "applied" and "not applied"'s show up.

Comments

Comment 1

Hi,

I tried your testpage on a Nokia 6600 mobile phone and tested it both in the built-in browser and in Opera.
The results were:
- Built-in browser: "not applied" to all items
- Opera:
- link media="handheld".. applied
- style media="handheld"... applied
- @import... NOT applied
- @media handheld... applied
- other items (screen media): NOT applied

Guess I don't have to explain why I prefer Opera over the built-in browser :)

So said Maurice on Monday 14 June, 2004 at 12:09PM GMT.

Comment 2

Great practical test, here goes:

iPAQ 4150, with Windows Mobile 2003 & standard Pocket Explorer:
screen: all apply
handheld: all apply

Nokia 6600, with SymbianOS 7.0s, Series 60/2 & Opera 6.2:
screen: none apply
handheld: "@import url" does not apply, the rest applies

With a nice (x)html/css design one could 'catch' the user-agent string (server-side) of the most important mobile devices out there, and show a site without css... Just a thought :-). Most mobile users only care about the real content, and will love the slim pages you give them without css...

So said GeeBee on Monday 14 June, 2004 at 12:28PM GMT.

Comment 3

Maurice and GeeBee - thanks for that. Interesting results. It appears that the in-built Nokia 6600 browser doesn't support CSS at all.

I'm surprised about the @import thing with Opera. I'm not sure if that's down to the media type specificity (@import url("whatever.css") handheld rather than @import url("whatever.css") - standard IE hates this and falls down) or if it's the @import rule itself. I'll have to add another test to the test page.

So said Patrick on Monday 14 June, 2004 at 12:46PM GMT.

Comment 4

Are we talking about HTML or XHTML?

So said Anne on Monday 14 June, 2004 at 1:53PM GMT.

Comment 5

Either/Or/Both.

So said Patrick on Monday 14 June, 2004 at 1:59PM GMT.

Comment 6

Tested on a Sony Ericsson P800.

With Opera:
Screen: none applied
Handheld: all applied except "@import url("whatever.css") handheld;"

With built-in browser:
Screen: none applied except "<style media="screen"... "
Handheld: all applied

Hope that helps!

So said Colin on Monday 14 June, 2004 at 2:14PM GMT.

Comment 7

Colin, thanks - that does help.
It's quite encouraging that a phone like the P800 that's been around for a few years has that support. I'm assuming that its successor, the P900, will also have good support.

On another note, after a bit of digging, it seems that whereas the "handheld" media type is recognised on Pocket IE for Windows Pocket PC 2003, it isn't recognised on PPC 2002. I'm not sure if that's true or not and I'm not sure how relevant this is in practical terms.

So said Patrick on Monday 14 June, 2004 at 2:35PM GMT.

Comment 8

With Blazer 3 (a.k.a. "Web") on Treo 600:
Screen: all applied
Handheld: none applied except @import url("whatever.css") handheld;

Pathetic :(

So said Eli on Monday 14 June, 2004 at 2:54PM GMT.

Comment 9

Hello!

I tried your test page in a Sony Ericsson T616.
Here are the results:

Everything was listed: not applied

So said brent arnold on Monday 14 June, 2004 at 3:15PM GMT.

Comment 10

On NetFront v3.1 on a Sony Clié TH55:

Screen: all applied
Handheld: only @import url("whaterver.css") applied.

The browser may be awful, but it still supports transparent PNGs while IE doesn't. It's pretty bad when Microsoft's web browser gets beaten by a handheld device.

So said Mark Harmstone on Monday 14 June, 2004 at 4:53PM GMT.

Comment 11

On a Nokia 3650 built-in browser, none applied

So said Braxton Beyer on Monday 14 June, 2004 at 5:59PM GMT.

Comment 12

Yeah, Opera really is better than Mozilla when it comes to standards and browsing features :)

The handheld-hell problem looks like an interesting research topic, but I'm already knee-deep in San Francisco History and Atomic Bomb research (not to mention being unplugged from all computers for almost 2 months beginning later today...).

Good luck in your research PTG....Maybe you should get one of those emulators...

Off topic but that's the weirdest coincidence ever: Maurice..Then GeeBee....even more creppy now that Maurice is dead...

So said Dante Evans on Monday 14 June, 2004 at 6:43PM GMT.

Comment 13

Oh no Dante! A whole 2 months without endless inane commentary and crass self-promotion. How ever will we cope?

So said Chris on Monday 14 June, 2004 at 8:37PM GMT.

Comment 14

Samsung SGH-E700 Mobile (Openwave Mobile Browser 6.1.0.6):
"Not applied" show up in all instances...

So said Thomas Baekdal on Monday 14 June, 2004 at 8:48PM GMT.

Comment 15

Tested with the Motorola v500 on board browser. No idea what it is unfourtunately (and I've been trying to find out).

All screen media rules where not applied and all handheld media rules were.

Pretty impressive really.

So said Simon Proctor on Monday 14 June, 2004 at 8:50PM GMT.

Comment 16

Tested with pocket IE running on Smartphone 2003 OS (Orange SPV E200) :-

It seems to apply them all in all 3 layouts..

So said Andy Forster on Monday 14 June, 2004 at 9:09PM GMT.

Comment 17

Panasonic GD87 'phone, built-in browser: all show not applied.

So said David on Monday 14 June, 2004 at 9:30PM GMT.

Comment 18

Danger Hiptop / T-Mobile Sidekick has a pretty good java-based browser, but it doesnt support css at all. A quick look at this page confirms this, with none of the selectors shown.

So said bug on Monday 14 June, 2004 at 9:36PM GMT.

Comment 19

I have a Palm Tungsten C Handheld and I have two browsers installed on it.
Below are the results respectively:
+++
Web Browser v. 2.0.1.1 (Pre-installed)
Screen : All 4 tests applied
Handheld: @import url("whatever.css") applied - Other three not applied
+++
Palm Web Pro v. 3.0.1b
I paid for this browser upgrade, by default it filters pages with a proxy server on palm's network.
With the proxy server enabled, none of the tests are applied.
With the proxy disabled there are two modes available:
- "Normal View" Rendering:
> none of the tests are applied for either screen or handheld
- "Handheld View" Rendering:
> This mode gives you the same results, none of the tests are applied in either screen or handheld.

Palm has another upgraded verson of their Web Browser Pro, but it is only available for Bluetooth devices, The Tungsten C has wifi, but not bluetooth, so it will not work on mine.

And as a test on AvantGo, none of the tests are applied either.

Hope this is helpful to you.

So said Jacob Herman on Monday 14 June, 2004 at 9:42PM GMT.

Comment 20

The Motorola T720i phone didn't apply any style rules. However, I've never been able to figure out just how much HTML it supports in the first place (some pages won't even display at all), so chances are it just doesn't handle CSS.

So said Kelson Vibber on Monday 14 June, 2004 at 10:04PM GMT.

Comment 21

NetFront 3.1 / Palm OS 5.2.1 / Sony TH55:

Screen: all four were applied
Handheld: only @import was applied

So said Ölbaum on Monday 14 June, 2004 at 10:42PM GMT.

Comment 22

Opera 6.30 / Sony-Ericsson P800 / Symbian 7 (UIQ)

Results (screencaps taken in fullscreen mode, i.e. 100% screen coverage = 320x208 px):
http://marcustucker.com/temp/p800cap1.jpg
http://marcustucker.com/temp/p800cap2.jpg

:-)

So said Marcus Tucker on Tuesday 15 June, 2004 at 2:01AM GMT.

Comment 23

Patrick, so they accept 'application/xhtml+xml'? (That was what I meant, actually ;-))

So said Anne on Tuesday 15 June, 2004 at 6:35AM GMT.

Comment 24

Hi.
Tested on built-in browser on Motorola A920 (Symbian OS).

# Applys to all screen

# No handheld support

Unfortunatly, they have made it impossible to install other spftware than their own, so I can't download another browser.. Grrr.

So said Joel Junström on Tuesday 15 June, 2004 at 8:47AM GMT.

Comment 25

Nokia 6820, none of the rules are applied. I presume that this means that my older Nokia 5100 doesn't support them either.

So said ramin on Tuesday 15 June, 2004 at 8:53AM GMT.

Comment 26

SonyEricsson p900:
Screen: none applied
Handheld: all applied except "@import url("whatever.css") handheld;"

(same as p800)

So said Flemming Mahler on Tuesday 15 June, 2004 at 10:09AM GMT.

Comment 27

On Nokia 7250 none were applied, though it did still color the word not in red so apparently it will recognise inline styles.

So said Rob Clarke on Tuesday 15 June, 2004 at 12:23PM GMT.

Comment 28

Nokia 3540 w/Opera browser installed:

SCREEN
none applied

HANDHELD

<link media="handheld"... - applied.
<style media="handheld"... - applied.
@import url("whatever.css") handheld; - not applied.
@media handheld - applied.

So said Joseph on Tuesday 15 June, 2004 at 1:23PM GMT.

Comment 29

The above post should be Nokia 3650...its early.

So said Joseph on Tuesday 15 June, 2004 at 1:24PM GMT.

Comment 30

I am using an HP Jornada 568
The browser is the built-in Internet Explorer, and each of the tests were "Not applied". I'm not sure what version of browser this is (no way to tell, as far as I can see... if anyone knows how to check this, I'd be happy to provide it).

So said Jay Jones on Tuesday 15 June, 2004 at 2:02PM GMT.

Comment 31

On my new SonyEricsson T630 none applied :/

http://www.sonyericsson.com/t630

So said Ante on Tuesday 15 June, 2004 at 2:21PM GMT.

Comment 32

N6230 - none aplied (hh&scr), although some styling was applied to the document :( Damn :/

So said JohnyB on Tuesday 15 June, 2004 at 3:01PM GMT.

Comment 33

My mobile web-enabled fridge featuring a colour LCD screen doesn't apply any of the stylesheets.

Hope this helps!

So said Khasz on Tuesday 15 June, 2004 at 4:11PM GMT.

Comment 34

Damn those non-standard fridges!

I'm going to put together some kind of round-up on the Dog Blog soon. Thanks very much for everyone's help.

So said Patrick on Tuesday 15 June, 2004 at 5:13PM GMT.

Comment 35

Nokia 7650: None apply.

So said Eric on Tuesday 15 June, 2004 at 7:43PM GMT.

Comment 36

Handspring Treo 300
screen: none applied
handheld: none applied

Handspring Treo 600
screen: all apply
handheld: @import url("whatever.css") handheld; applied.

Blackberry 6750 (B/W)
screen: none applied
handheld: none applied

Blackberry 7750 (color)
screen: none applied
handheld: none applied

I use the Treo 600. It uses the Blazer 3.0 browser which by default renders pages in an "optimized" narrow display mode. You can select a "wide" mode which gives you a window to the web page. To see the page the user scrolls from side to side. I prefer the optimized mode as it allows you to select an url by pressing the right arrow and go to the url by pressing the enter key or middle button of the arrow selector. I does not support padding and only supports two font sizes.

I hope that helps.

So said Tanny O'Haley on Tuesday 15 June, 2004 at 9:05PM GMT.

Comment 37

I found that IE on my fathers Windows CE Dell Axim will render the screen stylesheets. I did, however, find that if you wrap your screen stylesheet in a

@media screen {

/* stylesheet goes here */

}

that his version of IE will ignore it like it is supposed to.

Lemme recap: it renders it if you use the syntax, it renders it if you use the import, but it does not render it if you put your external stylesheet in a @media screen { } wrapper.

What I do then is use the to feed the handheld the same stylesheet I feed to NN4 and IE4.

So said Josh King on Tuesday 15 June, 2004 at 10:33PM GMT.

Comment 38

Hey

Im a PDA Web develloper and have some tips that we can put together to clean all doubts.

What do u think ?

u have my contact

So said Rigonatti on Wednesday 16 June, 2004 at 4:20AM GMT.

Comment 39

Tried your testpage on a Sony Ericsson A5404S with an Openwave Mobile Browser 6.2.0.5: no styles are applied.
However, using <link rel="stylesheet" href="linkhandheld.css" type="text/css" media="handheld" /> (=different order) seems to work (!).

So said Andreas Bovens on Wednesday 16 June, 2004 at 7:29AM GMT.

Comment 40

However, the fridge does apply stylesheets with media="fridge" specified.

And just to contribute something serious, PPC 2002's standard browser Pocket IE does't support CSS at all.

So said Khasz on Wednesday 16 June, 2004 at 9:35AM GMT.

Comment 41

Nokia 7650/Opera 6.10
screen: none apply
handheld: "@import url" does not apply, the rest applies

So said Chriz on Wednesday 16 June, 2004 at 12:11PM GMT.

Comment 42

Continuing my tests of the built in browser on my Nokia 7250 I found that if I went to the personal site of your sometime contributor Mr Dan Webb, that all styles were applied.

He's using this @import url("/style.css");

This is confusing as none of the styles in your test page were applied, so it looks like media=all works but media=handheld doesn't!

So said Rob Clarke on Wednesday 16 June, 2004 at 1:02PM GMT.

Comment 43

Woops,
that didn't make anysense as I included markup that got filtered out.

I meant to say that he's using this:
<style type="text/css" media="all">@import url("/style.css");</style>

So said Rob Clarke on Wednesday 16 June, 2004 at 1:05PM GMT.

Comment 44

Thanks Rob. This is all so damned confusing (although interesting at the same time!).

I managed to get my hands on a Nokia 6600 yesterday and realised the same kind of thing - it didn't apply any of the cases in the test page, but it did pick up the general styles (like the borders and the red colouring of the "not"s). So the proprietary Nokia HTML browsers clearly just ignore everything apart from media="all". Well, at least they don't apply "screen"....

So said Patrick on Wednesday 16 June, 2004 at 1:13PM GMT.

Comment 45

Hi, I just tested this with the Motorola V525 in-built browser:

All of the screen stuff came up as not applied
All the handheld stuff came up as applied

Pretty much the same as comment 15 above, with the V500. He's right, it's pretty impressive =)

If you know how to find out the browser info I'll take a look, but I can't see anything obvious...

So said Sally on Wednesday 16 June, 2004 at 1:58PM GMT.

Comment 46

I live in Stradella (Italy), 30 miles from Milan. My phone is: Nec e313 (UMTS) with NetFront 3.0 (the GUI is limited, very different from NetFront 3.1, to force users to navigate in the TRE.it portal):

SCREEN
----------------
applied
applied
not applied
applied

HANDHELD
------------------
applied
applied
not applied
applied

So said Alberto Patelli on Wednesday 16 June, 2004 at 4:09PM GMT.

Comment 47

Nokia 6200's built-in "XHTML Browser" all comes up as "not applied"

So said Simon on Thursday 17 June, 2004 at 2:23PM GMT.

Comment 48

Tested on a nokia 3200, none applied, neither screen nor handheld. The inline styles worked fine though, both borders and colors.

So said on Friday 18 June, 2004 at 5:32PM GMT.

Comment 49

I'm using the new Motorola V600 on Cingular with its built in browser. All screen styles were NOT applied. All handheld styles WERE applied. Pretty good!

It also renders tables, although a 4-col table has columns only about 1/4" wide because it squeezes the whole table into the screen available (no horizontal scrolling on this phone). The only downside of my service is I can't download pages bigger than 10K, so I can only use nice lean mean sites that keep their code nice and trim using css. Not sure if the download limit is the fault of Motorola or Cingular, probably Cingular.

I have also been investigating this subject and found that many cell phones, even color ones, ignore foreground and or background colors (to "protect" the user from dangerous colors I imagine), and may also ignore font sizes because they only have one or two sizes available, but may apply other styles. That means some of the ones that don't look like they are reading the handheld stylesheet may be reading it but choosing to ignore the things you are testing.

This may not be as bad as it sounds. One of the most important things about using the handheld stylesheet is being able to count on it to hide parts of the site that are not applicable (or even dangerous) to the small screen. I can live with a cell phone that doesn't show all my colors so long as it hides the big, unnecessary parts of the site (like many of the navigation links in the left column which I encase in a div with "display:none" for handhelds). I don't imagine you want to make another example :-) but it would be interesting to find out how many devices will support an important feature like "display:none".

Also, I have also discovered that some cell phone service providers may be interfering with or changing the style on their proxies before passing it down to the phone (again I am sure to "protect" all of us). This means that some features that don't show up on a phone with one provider might show up on another provider.

Related to a comment above about AdvantGo -- I just read on their site that the latest version of their software DOES support styles. Not sure how widely used the new version is (or if it is out yet).

Related to the comment about using emulators -- there are dozens of them each of which mimic different PDAs and phones, and they are not exactly the same as looking at the real thing anyway. They're probably good mostly to get a general idea what things will look like. The best test is one like this -- with real phones and PDAs.

I also read somewhere that Nokia only supports the handheld stylesheet if it is the first one in the list. I also read that support for @media(handheld) is less reliable than a linked stylesheet with the type media=handheld. I have no idea if either is true, but maybe someone else does.

So said Karen on Saturday 19 June, 2004 at 12:14AM GMT.

Comment 50

I can't believe noone's mentioned iSilo (http://www.isilo.com/) yet! Results are as expected: first, second and fourth in each set are applied, so obviously it's ignoring the media type in all cases but failing on the "@import url(...) TYPE" command.

I really ought to give it more of a thorough going over with some CSS to see how compliant it is. Impression I get from my own work is that it's not up to the really complex stuff; it gets font sizes VERY mixed up at times.

So said Eric TF Bat on Sunday 20 June, 2004 at 9:27AM GMT.

Comment 51

I tested it on my Sony Ericsson P800, and obtained the same results as Colin (Comment 6), however, I did some further testing with other media types, and found some interesting results...

So I decided that instead of just focussing on handheld and screen media types, why not test them all. I made up some complete test cases to test every single combination of media type, MIME type and !DOCTYPE, as well as starting to publish some user agent support charts. The number of tests may be just a bit of overkill, but I figured why not, it wasn't much effort to add the extra just to be 100% complete. I also added the <?xml-stylesheet?> processing instruction which you omitted from your test.

The P800 correctly applied all styles from all and handheld media types, except when served as text/html It turns out that the P800 will process the ?xml-stylesheet? PI no matter which mime type was used (text/html, application/xhtml+xml or text/xml), however it should not process it for text/html. It also applies all styles from a <style type="text/css" media="xxx"> for all media types except embossed, and I thought that was very strange.

Here's the tests: http://www.lachy.id.au/css/tests/media/

I would appreciate it if others would submit their results to me using any device or media type you have available, including the handhelds tested here. I've provided a template to make up a support chart quite easily, that I can publish on my site. Of course, comments on ways to improve the support charts, tests or anything else would also be appreciated too.

So said Lachlan Hunt on Sunday 20 June, 2004 at 1:55PM GMT.

Comment 52

PocketPC 2002 handhelds have IE 3.02 which does not support CSS at all, nor does support DOM1. I think it does not support Javascript too, but I'm not sure.

PocketPC 2003 reports its version as IE 4.01 and thus again no DOM1.

WinCE comps have IE5.5, which is practically identical to desktop IE 5.5.

I used www.stanjames.com as test site which uses lots of CSS2 and DOM1 stuff. I'm informed by the client that this site is fully functional on BlackBerry ( http://www.blackberry.com/ ) devices (their customer reported it few weeks ago).

So said Aleksandar on Tuesday 22 June, 2004 at 10:14AM GMT.

Comment 53

Hi - great test. Very interested in the compiled results down the road.

Anyhow, it's a bit out of date and redundant but not entirely so:

Device: Treo 270

Browser: EudoraWeb 2.1 - "not applied" to all tests.

Browser: Blazer 2.1.3 Build 12 - "not applied" to all tests

Hopefully that will help at least with the retrospective part of the analysis.

So said michael on Tuesday 22 June, 2004 at 7:26PM GMT.

Comment 54

AvantGo v4,2 Build 1165 on a Palm m125:

Nothing--not even one.

So said Mordechai Peller on Thursday 24 June, 2004 at 1:44AM GMT.

Comment 55

SonyEricsson T610

None applied on all

So said Jens Wedin on Monday 28 June, 2004 at 10:14AM GMT.

Comment 56

none aplied (hh&scr), although some styling was applied to the document

So said sron on Tuesday 29 June, 2004 at 10:48AM GMT.

Comment 57

Dell AXIM X3 with Windows Mobile IE

Screen : all applied :-(

Handheld : all applied

That means my handheld stylesheet is going to have to have settings to cancel out all the screen
styling and positioning that I don't want for the handheld - that's depressing...

So said Chris H on Friday 2 July, 2004 at 12:39PM GMT.

Comment 58

See http://my.opera.com for a site which uses media handheld quite extensively. Works great in the mobile versions of Opera. To test on desktop, use Opera 7.x and hit SHIFT-F11 to trigger handheld mode.

So said Robert Parker on Sunday 4 July, 2004 at 3:05PM GMT.

Comment 59

Sony Ericsson K700i:
Screen: none applied
Handheld: all four applied

So said Robin Rosenberg on Monday 12 July, 2004 at 10:05PM GMT.

Comment 60

I've tried this on the Sony Ericsson p800, t610, z1010 WAP emulator from http://developer.sonyericsson.com/site/global/docstools/browsing/p_browsing.jsp (reg. required, but free.)

- screen: <style media="screen"> applied
- handheld: all applied

So said Kevin N on Tuesday 13 July, 2004 at 6:16PM GMT.

Comment 61

I tried the test page on PocketIE running on a RedE SC1100 Developer Smartphone running WinMob 2003

Screen: all 4 applied
Handheld: all 4 applied

So said Derek Wilson on Thursday 15 July, 2004 at 11:02AM GMT.

Comment 62

I've tried this on my Siemens A60 (which is using Browser component 1.3.0.5, Openwave 6.1.0.7.3)

Screen: none applied
Handheld: none applied

So said MekDrop on Thursday 15 July, 2004 at 2:42PM GMT.

Comment 63

Sanyo SCP-5400 (also known as the Sprint RL2500) gets the following results:

Screen:
- All items applied

Handheld:
- link media="handheld"... NOT applied
- style media="handheld"... NOT applied
- @import... applied
- @media handheld... NOT applied

So it would seem that for this phone, screen styles could be sucessfully replaced with styles from a handheld imported style sheet.

So said Dan Rubin on Monday 19 July, 2004 at 2:14AM GMT.

Comment 64

Sharp, the japanese electronics giant, introduced earlier this month the world's first SVG-enabled mobile phone. The device is quite an impressive piece of work, with a compliant SVG Tiny viewer.
Sharp also offers a server component that convert Word, Excel, Powerpoint and PDF documents to SVG.
css and svg seems to be the next thing in mobile devices as they can take clean content and render it in every media.

So said Jim Richards on Wednesday 21 July, 2004 at 2:17PM GMT.

Comment 65

Tested on a Sony Ericsson Z600

Screen: none applied

Handheld: All applied

So said Rich Hafley on Sunday 25 July, 2004 at 5:35AM GMT.

Comment 66

Sprint RL-2000

Screen; all items applied.

Handheld, only '@import url("whatever.css") handheld;' applied.

So said Eric on Wednesday 28 July, 2004 at 5:33PM GMT.

Comment 67

I tried this page directly from my T610, and I will have to disagree with Jens Wedin who posted as #55 :)

These are the results I got :
Screen:
None applied
Handheld:
ALL applied!!

This does bring joy to my little nerdy being :)

So said Halfdan Mouritzen on Monday 2 August, 2004 at 8:17PM GMT.

Comment 68

Tested Sanyo RL-7300 with Netfront's v3.0 20031014 rel_v005a-7300 embedded.
Screen: all applied
Handheld: Only @import with the whatever.css was applied.

I suspect the 3.1 and now 3.2 Netfront for sure are much more WAP 2.0 compliant.

I'll test the Sanyo 4920 later this week.

So said Greg Borders on Tuesday 31 August, 2004 at 10:08PM GMT.

Comment 69

All items applied.

So said faq on Thursday 9 September, 2004 at 1:59PM GMT.

Comment 70

Hello, tested this on a Nokia 7710 and 7700 called 'that device' above
SCREEN
link media screen 'not applied'
style media screen 'not applied'
import url whatever.css 'not applied'
@media screen not applied

HANDHELD
as above....

So said Mark on Monday 13 September, 2004 at 2:55PM GMT.

Comment 71

Sony Ericsson K700i:
screen: none applied
handheld: all items applied

The k700i also supports inline styles

So said holly on Wednesday 20 October, 2004 at 1:07PM GMT.

Comment 72

Palm Tungsten W: all screen and handheld "not applied" I found that this device reads a print style sheet and previously it read @media=screen as a subset. I am so frustrated with styling for this medium. Love comments from anyone who has had success.

So said pat on Monday 8 November, 2004 at 7:29PM GMT.

Comment 73

tested on Nokia 6230 - get a "not applied" throughout the board. This is a real downer since I've just coded an entire website with linked handheld sheets and I cant even get a result on my own phone !!!!!!

So said ukwheel on Monday 22 November, 2004 at 4:09PM GMT.

Comment 74

Connected via IE on a Dell AximX30 WM2003SE - all applied.

So said John on Monday 22 November, 2004 at 8:31PM GMT.

Comment 75

Tested with IE on a Dell Axim X50 running WM2003SE. All applied!

So said Fabrizio Oddone on Saturday 27 November, 2004 at 1:02AM GMT.

Comment 76

I just got my new Treo 650, and I'm happy to report that the new palmOne Web Browser (Blazer 4.0) now reports that all the styles were applied. As others have noted, the version that came with the Treo 600 did NOT apply the handheld styles, so this is a definite improvement.

So said Rob M on Wednesday 8 December, 2004 at 2:03AM GMT.

Comment 77

Openwave Simulator: None applied.

It does however support CSS. The "not" text is red and bold :)

So said zcorpan on Monday 27 December, 2004 at 12:44AM GMT.

Comment 78

Nokia 6230 - all not applied...
BTW I created a XHtml page, in all web browser it looks very fine (www.wd.sk) but on this mobile only the first page, but I can't get to other pages...
The links are:
contact also I tried ?contakt">contact but I've been still in deep sh.t. Can someone tyellme what's wrong ?
Thank you very much for tips, in advance.

marian@wd.sk

So said Marian on Wednesday 29 December, 2004 at 7:32PM GMT.

Comment 79

Again due some info hasn't been dispalyed...

Nokia 6230 - all not applied...
BTW I created a XHtml page, in all web browser it looks very fine (www.wd.sk) but on this mobile only the first page, but I can't get to other pages...
The links are: a href="?kontakt" ...
also I tried ...?contakt">contact....
but I've been still in deep sh.t. Can someone tyellme what's wrong ?
Thank you very much for tips, in advance.

M.

marian@wd.sk

So said Marian on Wednesday 29 December, 2004 at 7:35PM GMT.

Comment 80

Patrick, really great test you have there and I think you have found a gold nugget there, despite the poor support by a number of people. You need to build another article around it and see if you can use it to build a universal mobile device system (like I have) that seems to deliver a good xhtml mobile style layout that works on the majority of agents, despite the crazy support we are all experiencing. I will tell you how....

I hate browser sniffing and all forms of scripted tricks to figure out which versions of a web page and style sheets a given mobile device supports. Yet, we obviously have all these people with various states of agents and style support, even if it is pretty bad. However, your style tests proved, as occured on my mobile phone, that as long as you include, in your web page, BOTH handheld style sheet "link types" (link with media="handheld" and @import url (...) handheld;) with urls to a very robust mobile style sheet that includes cascading rules covering every aspect of your screen-based sheets, you can design a pretty powerful mobile sheet strategy that works for all the people listed above, except ONE TYPE....and thats those that only support screen media and NO handheld version of your test (ie. some pocket PC people). THats a troublesome group as they cant get to your handheld sheets which reformat your content for all the other agents. As is the case with that group, those devices seem to be designed around support of the full desktop browser version anyway! I proved this scenario after I discovered your test this summer, and though my phone supported all the screen versions BUT also one handheld version, it was all I needed to create a decent mobile solution using XHTML and CSS in which that handheld sheet was used to cascade over my screen sheets, and deliver a great version to my tiny phone browser, while retaining the fully layout for desktop users. In other words, by first designing your main web site in compliant XHTML and CSS, then adding in the two handheld url links to the same mobile sheet, and then designing that mobile sheet carefully so that it hides and reveals (cascades over) all the things needed for most mobile screens and devices, you stand a decent change of designing something that works well on a number of agents. Those agents that support ANY version of the handheld media test can get something redesigned, as can those that support no style sheets of any type.

Because MANY devices seem to support one of the handheld sheet rules, and MOST are supporting or moving to support XHTML (basic) despite the movements worldwide, doing the above, a talented CSS developer could build a pretty good universal mobile test site and sheet system, that works pretty good in a number of devices, not to mention still delivers the screen sheets that look great on desktop browsers. Even if the device has NO style support at all, they still get fairly good linear content listing using clean xhtml markup without any sheets. Thats been my experience. So I say, your 8 point test proves there is a hope! Again, for those of you not supporting any handheld sheet, if the designer has designed their markup and menus correctly using the new xhtml standards, such as unordered link lists, and content is contained simple divs in xhtml rather than tables, and added mobile headers are used with display:none applied, when the non-styling agent reads that, its pretty accessible content when it gets to this broad range of devices. Again, its the people that only support "screen" that may be a problem, but it seems most of those stand behind some of the larger pocket pc devices.
-Mitchell
---------------------------------
BTW, my test is the exact OPPOSITE of the Sony Ericsson P800 with Opera user, in which of the 8 forms of style sheets it supports using your test, which shows how sad the standard is for mobile devices (I have a Sprint Sanyo SCP-7300 phone with NetFront micro-browser, and supports ALL screen sheets and only the import handheld flavor. As long as your device supports either no styles or at least one fo the handheld, you can design for your agent and many others.....it can be done!)

Mitchell

So said Mitchell on Friday 7 January, 2005 at 5:50AM GMT.

Comment 81

On my Z1010,

Screen : none applied
Handheld: all applied

So said Liviu on Friday 7 January, 2005 at 1:13PM GMT.

Comment 82

Motorola v300
Screen: None
Handheld: All

So said Jason on Monday 10 January, 2005 at 12:20AM GMT.

Comment 83

Tested on a nokia 3100 screen and handheld none applied

So said Rene on Monday 17 January, 2005 at 3:53PM GMT.

Comment 84

Pocket IE - PPC2003 (MSIE 4.01)
screen: all 4 applied
handheld: all 4 applied

PPC NetFront v3.1
screen: all 4 applied
handheld: only @import("whatever.css") applied

Sony Ericsson K700
screen: none
handheld: all 4 applied

Nokia 6170
screen: none applied
handheld: none applied

So said kayle on Tuesday 25 January, 2005 at 1:15PM GMT.

Comment 85

"Are we talking about HTML or XHTML?

So said Anne on Monday 14 June, 2004 at 1:53PM GMT.
"

Firstly I thought this is an article about HTML and CSS for mobile devices.

But if I looked at the source code of your test page I saw it is an XHTML page.

Therefore: Are you talking about HTML and CSS or are you talking about XHTML and CSS?

The second question is: What shall we learn from you article? It is well known that browsers have a very different standards support.

So said Thomas on Saturday 12 February, 2005 at 8:48PM GMT.

Comment 86

Nokia 6230 - all not applied...
BTW I created a XHtml page, in all web browser it looks very fine (www.wd.sk) but on this mobile only the first page, but I can't get to other pages...
The links are: a href="?kontakt" ...
also I tried ...?contakt">contact....
but I've been still in deep sh.t. Can someone tyellme what's wrong ?
Thank you very much for tips, in advance.

So said Mitchell on Monday 21 February, 2005 at 2:51AM GMT.

Comment 87

Tried it on my Sanyo RL-4920. All screen styles applied. Only handheld style applied was @import url().

So said MikeFM on Thursday 24 February, 2005 at 10:35PM GMT.

Comment 88

Nokia 6610i - none applied

So said Anonymous coward on Friday 25 February, 2005 at 3:46PM GMT.

Comment 89

All green for Tungsten T5 using PalmOne Blazer v4.0

So said NM on Saturday 5 March, 2005 at 4:49PM GMT.

Comment 90

On Nokia 6610i it says none applied, but still I'm having a hard time hiding 'screen' stylesheets from the built-in browser on pages I create myself. Not sure what I do wrong, actually, but it seems to download and render stylesheets no matter what I do to hide them from it. I've tried to set media to "print" of course, tried to @import it with and without the 'screen' keyword, tried applying an 'id' attribute on the LINK element...

Nothing has worked so far. The built-in browser in Nokia 6610i still downloads my 'screen.css' file and tries (miserably) to render it. Any ideas what I might be doing wrong?

So said Asbjørn Ulsberg on Friday 11 March, 2005 at 8:02AM GMT.

Comment 91

Hi!

Netfront v3.1 on Nokia 6600, with 'No wrapping' and 'Smart Fit' rendering all apply. With 'Small Image' and 'Text Only' rendering nothing applies.

So said geraki on Saturday 12 March, 2005 at 2:06PM GMT.

Comment 92

Sharp Zaurus 5500 - OpenZaurus distro - Konqueror QtEmbedded:

screen: all applied
handheld: style media="handheld" applied. Others not.

So said shuriken on Saturday 19 March, 2005 at 1:49PM GMT.

Comment 93

On qtek s100 alias imate jam

ALL aplied :)

So said jonas on Wednesday 23 March, 2005 at 3:56PM GMT.

Comment 94

Motorola MPX220
Smartphone 2003
Internet Explorer

ALL applied

http://www.adampage.net/htmldog/htmldog_test_mpx220_sp2003_ie_01.jpg
http://www.adampage.net/htmldog/htmldog_test_mpx220_sp2003_ie_02.jpg

Please pay no attention to the miserably coded, tablelicious web site - I'm a recent convert to web standards. (^_^;)

So said Adam Page on Friday 8 April, 2005 at 6:23AM GMT.

Comment 96

XDA IIi from ww.o2.com - pocket internet explorer
Screen and handheld all applied.

So said Rob Wilson on Monday 11 April, 2005 at 9:27AM GMT.

Comment 97

Nokia 6230: none applied. It actually DOES support CSS, and not only Inline Styles (the "not" text is red and bold) but also the "projection" attribute as my own tests showed.

So said Nils on Monday 11 April, 2005 at 5:23PM GMT.

Comment 98

HP iPAQ hx4700 - pocket internet explorer - windows mobile 2003
screen - all 4 applied
handheld - all 4 applied

So said Paul on Monday 18 April, 2005 at 5:59AM GMT.

Comment 99

Sprint 6600/6601 - Pocket PC Windows 2003:

Both screen and handheld: all applied

So said Bart on Friday 22 April, 2005 at 10:28PM GMT.

Comment 100

yeah, I saw the treo 650 blazer 4.0 decorates both the screen and handheld style once, but upon revisiting the page, none of the styles were applied.

even after clearing the blazer's browser cache, it doesn't work.

So said Case Larsen on Sunday 24 April, 2005 at 5:42AM GMT.

Comment 101

Thanks for putting this test page up... I just viewed the source code, and noticed a couple of items that will not validate this source code as a valid document based on the XHTML 1.1 DTD. I made a couple of changes: first of all, "<link rel..." tags were not properly terminated, and second, the last "&ltstyle type..." tag did not have a "type='text/css".

I used the W3C HTML validator to check the document. Would it be possible to make these changes? And then retest the page again...

So said Frank Villa-Abrille on Wednesday 4 May, 2005 at 7:40PM GMT.

Comment 102

BTW, I tested the page using a Nokia 6101 and 7610, and none applied for both handheld and screen. We've created a local testing page based on XHTML MP 1.0 which works with the Nokia phones.

So said Frank Villa-Abrille on Wednesday 4 May, 2005 at 7:42PM GMT.

Comment 103

Hello,

I haven't checked your sample yet, but I am in the same boat. I am having to develop a site for multiple platforms and was wondering if "switching" css files is the way to go. Is that the way it's done or am I headed in the wrong direction?

TIA

So said Josh on Wednesday 1 June, 2005 at 5:48PM GMT.

Comment 104

All handheld applied on my Sony Ericsson Z800i.
All screen not applied.

Cheers.

So said Rolf Bjaanes on Sunday 26 June, 2005 at 7:27PM GMT.

Comment 105

Samsung PM-A740
All options were not applied, but I'm not really sure what browser it uses. Anyone know where I could find out?

So said Shane Goodall on Monday 27 June, 2005 at 3:52PM GMT.

Comment 106

Sony Ericsson V800:
All screen not applied
All handheld applied
:)

So said Lukasnoname on Thursday 30 June, 2005 at 10:23AM GMT.

Comment 107

Nokia 6630: screen, none applied, handheld, none applied. This is either in render "fast" or "pretty" mode (in Setting)

Sony Ericsson S710a: screen, none applied, handheld, ALL applied. Yay.

So said sbwoodside on Saturday 9 July, 2005 at 11:28PM GMT.

Comment 108

Sony-Ericsson P910i:

All works well apart from:

applied.

HTH

So said Jake on Friday 15 July, 2005 at 1:12PM GMT.

Comment 109

treo 650 using blazer 4.0,
assuming applied means there was a yellow block over the word 'not', all were applied on screen and handheld.

So said christopher nicholson on Friday 5 August, 2005 at 6:58AM GMT.

Comment 110

Also, in re the Treo 650, it did load correctly again when i went back to the page, so I'm not experiencing the problem an earlier commenter experienced.

So said Christopher Nicholson on Friday 5 August, 2005 at 7:15AM GMT.

Comment 111

Using Motorola V551 from Cingular, built-in browser, none of the styles were applied. Disappointing, given the good support that other Motorola models gave in your other users' comments.

So said Claus on Monday 8 August, 2005 at 8:49PM GMT.

Comment 112

I tried it using my BlackBerry 7520 with the BlackBerry Browser and all were not applied. :-(

So said Barry Couch on Tuesday 9 August, 2005 at 1:13PM GMT.

Comment 113

I tested your page with my PocketPC emulator (PPC 2003). All were applied both screen and handlheld.

So said Arash Jalali on Tuesday 6 September, 2005 at 7:52AM GMT.

Comment 114

TMobile Nokia 6101mfg 01/2003 - all not applied

So said A. Non on Sunday 2 October, 2005 at 7:30AM GMT.

Comment 115

correction: mfg 8/05

So said A. Non on Sunday 2 October, 2005 at 7:31AM GMT.

Comment 116

I have a NEC N720 mobile. And OpenWave browser installed on it. can this css be used on my mobile?

So said wanyuye on Tuesday 25 October, 2005 at 11:07AM GMT.

Comment 117

Motorola V3 (RAZR):
All screen styles were not applied; all handheld styles were applied. It draws borders around the DIV elements too. I was actually a little surprised, since the browser seems a bit too simplistic for a lot of sites.

So said Eric on Thursday 27 October, 2005 at 9:08PM GMT.

Comment 118

HiptTop2 (motorola sidekick?) shows all "not applied"

The device definitely does use (at least some) CSS, but it seems to be a non-standard implementation. My research continues... thanks!

So said Jonathan Murray on Saturday 29 October, 2005 at 3:15PM GMT.

Comment 119

Nokia 9500/Opera 6.x
screen: none apply
handheld: "@import url" does not apply, the rest applies

Nokia 7370/Nokia browser
screen: none apply
handheld: none apply

Although, test results were dissapointing, it seems wierdly that the browser renders CSS-pages with both the screen and the handheld styles. Go figure.

So said Lumisade on Sunday 6 November, 2005 at 1:17PM GMT.

Comment 120

T-Mobile SidekickII (aka Danger Hiptop2) *with newly released OS2.3 update*

Screen: all applied (with green boxes shown next to the word applied)
Handheld: all *not* applied (with the word not shown in red)
Borders were drawn around DIV elements

So said Michael on Tuesday 8 November, 2005 at 2:33AM GMT.

Comment 121

Treo 650 with Blazer 4.0

All applied in 'wide page mode'. All handheld, no screen applied in 'optimized'

So said Terrence Wood on Tuesday 22 November, 2005 at 8:35PM GMT.

Comment 122

SonyEricssonT610/R401 Profile/MIDP-1.0 Configuration/CLDC-1.0

All Screen not applied

All Handheld applied.

So do I win a hat and a T-shirt?

So said Tom on Wednesday 23 November, 2005 at 8:30AM GMT.

Comment 123

Sony PSP with built-in browser (firmware 2.6)

All screen applied.

link media="handheld" - NOT applied
style media="handheld" - NOT applied
import url("whatever.css") handheld - APPLIED
media handheld - NOT applied

I think the only reason it applied the "import url() handheld" directive is because of a bug. This seems to be confirmed by using the PSP to visit this page, where all the @import directives work regardless of media type: http://lachy.id.au/dev/css/tests/media/xhtml10.xhtml

Hmm. Is PSP really a handheld? What do you think? Obviously you hold it in your hand, so there's that... but it's got good bandwidth (802.11), a widescreen color display, animated GIF support, sound and video capability, etc. Given the official descriptions of the media types, I would say PSP almost seems more like "TV" than "handheld". What do you think?

handheld: Intended for handheld devices (typically small screen, monochrome, limited bandwidth).
tv: Intended for television-type devices (low resolution, color, limited-scrollability screens, sound available).

In any case, it only seems to respond to screen right now. Which in practice is a little obnoxious because many pages have graphics that are just a touch too big for its screen and make it obnoxious to scroll around... they would benefit from a PSP-specific page.

So said Drew Thaler on Tuesday 29 November, 2005 at 8:51PM GMT.

Comment 124

More details on the PSP browser. According to the "About PSP" item in the home menu, it's the NetFront Access browser: http://www.access-us-inc.com/Products/client-side/Prod_NetFront.html

So said Drew Thaler on Tuesday 29 November, 2005 at 11:14PM GMT.

Comment 125

Have just loaded your screen/handheld test page for mobile/pda devices. Viewing it on a UK spec 02 xdaIIi running windows ce it renders perfectly (all screen and handheld items show as applied).

Hope this helps

So said Stephen Lines on Saturday 3 December, 2005 at 11:22PM GMT.

Comment 126

123 / Is PSP really a handheld?
My Uk spec 02 XDAIIi (windows ce based) also has WiFi (802.11g), a widescreen colour display (if set to landscape mode), plays animated gifs, sound and video support - NOT LIMITED TO SONY's PROPRIETARY FORMAT, and it's got a 1 gig memory card (SD) that cost next to nothing. Oh, and the device itself cost NOTHING (contract upgrade!).

Have just bought a PSP for my son (Christmas), but have avoided all accessorie etc for anything other than games playing (which it is SUPERB at). It simply fails to cut the mustard at anything else, and the memory stick/proprietary video format makes it a no-no for anything else. Doesn't stop it being the best hand held games machine in the universe though...

So said Stephen Lines on Saturday 3 December, 2005 at 11:40PM GMT.

Comment 127

Dell Axim X30. Windows Mobile 2003 2nd Ed. using Internet Explorer.
It applies both.

on my PC, just applies "screen", like it should.

So said Scott. on Thursday 15 December, 2005 at 3:22AM GMT.

Comment 128

yea, tried it on the Nextel 7100i BlackBerry and none were applied. :(

So said on Wednesday 21 December, 2005 at 10:23PM GMT.

Comment 129

Blackberry 7100 Software v4.0.2.49
'not applied' for all, using Browser or Blackberry Browser.
Bummer

So said Kevin on Friday 30 December, 2005 at 2:53AM GMT.

Comment 130

Here's another one: Samsung SGH-D500 using OpenWave 6.2.3.3:

<link media="screen" -- not applied
<style media="screen" -- not applied
@import url("whatever.css") screen -- not applied
@media screen { -- not applied

<link media="handheld" -- not applied
<style media="handheld" -- not applied
@import url("whatever.css") handheld -- not applied
@media handheld { -- not applied

However I serve handheld files through <link rel="stylesheet" type="text/css" href="..." media="handheld"/> and it seems to work nicely with OpenWave. This test deserves another round and a nice summary ;-)

So said Johann on Monday 9 January, 2006 at 11:33AM GMT.

Comment 131

I was looking around for information on this, and I found your (great) blog post here, and also a list that identifies which browsers (including proprietary cell phone browsers) work with the "handheld" media type.

http://w3development.de/css/assigning_external_css/style_media_handheld.html

So said Steven on Wednesday 11 January, 2006 at 6:53PM GMT.

Comment 132

Motorolia V330 only following work:
<style media="handheld"
@media handheld

So said John on Friday 20 January, 2006 at 1:08AM GMT.

Comment 133

Cingular Blackberry 7290, native browser: "not applied" to all tests.

So said Dave on Tuesday 24 January, 2006 at 10:09PM GMT.

Comment 134

Sony Ericsson W800i built-in browser:

Screen: none applied
Handheld: all applied (Yay!)

So said Afternoon on Wednesday 25 January, 2006 at 3:27PM GMT.

Comment 135

Nokia 6630 Builtin browser: none applied, but general stylesheets are. It looks like the Nokia's Series60 browser doesn't support @media selector at all. Their new browser (found in E** and newer modles) should support those because it is based on WebCore from Apple's Safari, but i don't think there is any phone with that browser available on market.

So said Filip Milivojevic on Friday 27 January, 2006 at 5:52PM GMT.

Comment 136

Treo 700w

Screen: All applied
Handheld: All applied

So said Wes on Friday 27 January, 2006 at 8:20PM GMT.

Comment 137

Tested on sonyericsson K608i with build in browser

All screen styles: not applied
All handheld styles: applied

So said Flemming Hoffmeyer on Thursday 2 February, 2006 at 8:21AM GMT.

Comment 138

No ccs support for my Palm TXs built in browser.

So said Robin on Monday 6 February, 2006 at 3:51PM GMT.

Comment 139

On the Treo 650 - all styles active with Blazer 4.
Which, I think is a bummer... because just the smaller screen is reason enough to support the possibilites that "handheld" should open up for us.

So said Ian on Thursday 23 February, 2006 at 9:40PM GMT.

Comment 140

The Internet Explorer in my Sprint Audiovox PPC6700 (described in http://www.wilsonmar.com/wireless.htm#PPC6700z") is described wqith version "IE401", and returns "applied" to all items, both screen and handheld.

So said wilson mar on Sunday 26 February, 2006 at 11:54AM GMT.

Comment 141

I've been investigating this very issue, so I'm glad you guys have been discussing it.

I tried you test on a Nokia 6822 and it returned no for every thing, which suggests that it doesn't recognise styles. But as has already been mentioned they do read styles, so I'm at a loss as to why your test result on the 6822 came back negative.

I've be investigating this from a different angle. I've been trying to get the 6822 to ignore the media =" screen" in the link tag and just pick up the media="handheld" but it keeps on reading both style sheets with disastrous results :o(

I decided to devise little a test of my own, to see what was going on. I don't have the expertise to test for every possible out come, so I decided to test for,

1. To see if the 6822 treated the media="screen" any different to media="handheld"
2. To see if there was any difference in how the it dealt with the id and class attribute along with contextual selectors.

http://carjen.co.uk/mediatest/index.htm

Now my code could be flaky, so run a few tests your self to be sure.

The result was that the 6822 read all the media="screen" styles with ease (so how the heck am I going to product a mobile style sheet then....grrr)

But when it came to reading the media="handheld" styles, every thing worked, except the contextual selector (where do you go from here?)

Like I said some of my code might be flaky (although I did validate it markup but the w3 css validator is down)

Not sure I want to look any further into this, as it sound like a lot of trouble!

So said Michael Hickland on Wednesday 1 March, 2006 at 11:51PM GMT.

Comment 142

I've experimented some with using handheld styles on an ecomm site I've been working on, Tub Monkey (http://www.tubmonkey.com/), but without huge success. It kind of works but not as well as I'd like. I'm thinking of trying Opera on my phone to see if that improves the situation but that still doesn't mean it'll work on most phones.

So said mogmios on Saturday 4 March, 2006 at 6:36PM GMT.

Comment 143

BTW, on the NGage QD none of the stylesheets work. Other of my phones work a bit better. My old Sanyo phone sucked though.

So said mogmios on Saturday 4 March, 2006 at 6:55PM GMT.

Comment 144

Motorola V3i

Screen: None
Handheld: All

(thanks Patrick, I'm over the moon about finding this handheld trick)

So said Bob on Tuesday 7 March, 2006 at 5:37PM GMT.

Comment 145

T-Mobile MDA Vario, Windows Mobile 5, Pocket Internet Explorer. All screen and handlheld applied.

So said Richard on Sunday 12 March, 2006 at 3:48PM GMT.

Comment 146

O2 XDA Mini S, Pocket IE. All screen and handheld applied.

So said John on Tuesday 4 April, 2006 at 3:30PM GMT.

Comment 147

NEC 720

Screen: None
Handheld: All applied

So said ajianzen on Saturday 8 April, 2006 at 4:00AM GMT.

Comment 148

Blackberry 7730

Screen: none applied
Handheld: none applied

So said Jan on Monday 17 April, 2006 at 3:42PM GMT.

Comment 149

Tried it on my Nokia 3230 standard browser.

Screen : not applied.
Handheld : not applied.

The word "not" appears in red colour.

So said Douglas Lee on Wednesday 26 April, 2006 at 3:40AM GMT.

Comment 150

Ipaq 4150 : screen and handheld OK

SonyEricsson T630 Screen NOT OK . handheld ALL OK

So said Frank K on Saturday 27 May, 2006 at 10:27PM GMT.

Comment 151

tested on a Siemens SX66 with Pocket IE

screen applied all
handheld applied all

I'm sure most people know about this, but just in case: I use Openwave Simulator to see what my pages look like on most cell phones.
http://developer.openwave.com/dvl/tools_and_sdk/phone_simulator/

Just learning css and xhtml. Never knew html. I'm REALLY new. Love the site. Thanks!

So said Ray Wilson on Tuesday 30 May, 2006 at 4:14PM GMT.

See Also

^ Top

SiteGround: Fast, reliable, recommended hosting.