Thomas Luethi: Nutzung CSS

Beitrag lesen

Hallo,

Ich möchte mittels verschiedener CSS unterschiedliche Endgeräte bedienen. (PC, PDA ...)

Schoener Vorsatz!

Wenn Du auf Frames, alles umfassende Layouttabellen, fixe Breitenangaben und
absolute Positionierung verzichtest, ist den Benutzern mit kleinen Bildschirmen
IMHO schon mal recht gut geholfen.

Nur wie erkenne ich welche CSS benötigt wird ?

Binde die verschiedenen Stylesheets mit dem entsprechenden
Medien-Typ in HTML ein:
http://selfhtml.teamone.de/css/formate/einbinden.htm#link_media

Mehr kannst Du nicht tun.

AFAIK sind leider die Browser auf Handhelds bisher zu dumm,
um media="handheld" zu beruecksichtigen.
Steht auch einiges dazu im </archiv/>

Was "sicher" funktioniert:
media="screen" => Bildschirm-Anzeige in sozusagen allen
CSS-faehigen Browsern.

media="projection" => Vollbildmodus in Opera.

media="print" => Druck in den meisten moderneren Browsern,
also MS IE ab 4.0 (?), sicher ab 5.0, Mozilla, Opera sicher ab 5.

Siehe auch:
http://www.tiptom.ch/tests/css_test/css_intro.html#media

ALso ob ein PC die Seiten aufruft oder ein PDA ?

Serverseitige Browserweichen u.s.w. halte ich fuer
uebertriebene Liebesmueh...

Man muesste wissen, wie sich die Handheld-Browser
gegenueber dem Webserver identifizieren (User-Agent-String)
und danach je nach Browser ein verschiedenes LINK-Element
in den HEAD der HTML-Datei schreiben.

Gruesse,

Thomas

--
Bitte keine Mails mit Fachfragen - dafuer gibt es das Forum!
Ich mag es, wenn URLs verlinkt sind (</faq/#Q-19>).
Oft gestellte PHP-Fragen beantwortet die dclp-FAQ bestens: http://www.dclp-faq.de/