Optimierung für das Smartphone

[ChrisB]

Hi,

habe die Aufgabe eine Webseite zusätzlich für die Darstellung auf dem Smartphone zu optimieren.
Hierzu habe ich eine 2. CSS Datei erstellt

Fragwürdiger Ansatz.

<link rel="stylesheet" media="screen" href="layout_pc.css" />
<link rel="stylesheet" media="handheld" href="layout_sp.css" />

Bisher weiß ich, dass meine Seite auf dem iPhone nicht als handheld-Version angezeigt wird.

Was media+handheld angeht haben die SmartPhone-Hersteller den Entwicklern einen Strich durch die Rechnung gemacht - und ignorieren es oftmals, wohl aus Angst, dass die Nutzer darüber „abgespeckte“ Seiten vorgesetzt bekommen könnten, und den Unterschied zur gewohnten Darstellung im Desktop-Browser dem SmartPhone anlasten könnten ...

Kann mir da irgendjemand bezüglich des Skriptes HTML/CSS weiterhelfen?

CSS Media Queries wären das zu bevorzugende Stichwort.
Wenn du bei der zwei-Stylesheets-Variante bleiben willst, dann wirst du vermutlich serverseitiges User-Agent-Sniffing betreiben müssen. Welche Nachteile und Unzuverlässigkeiten das mit sich bringt, bitte recherchieren.

MfG ChrisB