Css diversi per media diversi

enos

Css diversi per media diversi

Ciao a tutti,
vi chiedo scusa in partenza per la banalità della domanda, ma davvero non ne vengo a capo.

Ho questo file html:

<html>
    <head>
        <link rel="stylesheet" type="text/css" media="screen" href="style.css" />
        <link rel="stylesheet" type="text/css" media="handheld" href="mobilestyle.css" />
    </head>
    <body></body>
</html>

E questi semplici css:

body {background:#008000;}

body{background:#FF0000;}

Ovvero dovrebbe comparire uno sfondo verde se si collega un pc e uno sfondo rosso se si collega un cellulare.

Sapete dirmi perchè mi compare sempre e solo lo sfondo verde?

Grazie

claudio.c

Ciao,
ti consiglio la lettura di questo articolo: ww.alistapart.com/articles/return-of-the-mobile-stylesheet/.

Qui si dice anche che:

Most (if not all) of the newest mobile browsers, as part of their ?full web? motto, simply ignore handheld style sheets, leaving those who had hopes for the CSS approach out in the cold. Or so it seems.

Claudio.

enos

Ciao claudio,
grazie per la risposta.
Credo che mi toccherà capitolare cedendo al classico controllo sull'user-agent.

claudio.c

@enos said:

E' il metodo più sicuro.
Ciao.
Claudio.