Brian C. Hicks wrote:
> I'm attempting to get my handheld stylesheet to apply on windows
> mobile 5; specifically I'm using the Motorola Q for testing. The
> problem is it applies both my regular stylesheet and mobile one.
No experience with that device or IE mobile, but...
...there are at least 4 ways mobile browser handles web pages.
1: If 'handheld' stylesheet exists; apply it and nothing else. If
'handheld' doesn't exist; apply browser-defaults and nothing else.
This is how it _should_ be handled according to spec:
"Media types are mutually exclusive in the sense that a user agent can
only support one media type when rendering a document. However, user
agents may have different modes which support different media types".
2: If 'handheld' stylesheet exists; apply that in addition to any
'screen' or general ('all') stylesheets. The 'handheld' stylesheet can
(at least in part) be used to override the other stylesheets,
declaration by declaration. The browser will then adjust some of the
resulting styles in an attempt to make it fit its own mobile profile.
3: The existence of 'handheld' is ignored, and only 'screen' or general
('all') stylesheets are applied. The browser will then adjust some of
the styles in an attempt to make it fit its own mobile profile.
4: All stylesheets are ignored, and browser-defaults take over everything.
IE mobile browser follows '2:' AFAIK, so you will probably have to write
new declarations for 'handheld' to override all existing styles - all
that exists in 'screen' or general ('all') stylesheets anyway, with the
same or higher specificity.
Such an override can be put in an '@media handheld' rule in the
'screen/all' stylesheet, so as not to overload the 'handheld' stylesheet
with "corrections".
I know the full versions of Opera for mobiles follows '1:', so there
aren't any conflicts in that one. Opera won't be disturbed by the
tactics necessary for IE mobile either, but added file-size may slow it
down a bit.
All mobile version browsers do limit some style-options, and - apart
from all those that do not support CSS at all - many have pretty limited
support for standardized CSS. It's pretty much a mess on the mobile
browser front.
More info...
<http://www.howtocreate.co.uk/operaStuff/testMedia.html>
<http://www.howtocreate.co.uk/tutorials/css/mediatypes>
Something extra...
<http://annevankesteren.nl/2006/11/dot-mobi>
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
