Stylesheets fürs Handy

[RonjaWork]

Hallo zusammen,

ich versuche gerade eine Webseite, die ich vor einiger Zeit gemacht habe, etwas zu modernisieren. Dazu gehört natürlich auch das Aufbereiten für Smartphones. Ich habe das allerdings noch nie so richtig gemacht und stoße schon am Anfang auf Probleme...

Ich habe die css-Datei mit folgendem Code eingebunden:
<link rel="stylesheet" href="scripte/handy.css" type="text/css" media="only screen and (max-device-width: 480px)" />

Nun wird das geänderte Design aber nicht angezeigt, weder wenn ich es mit dem Handy versuche, noch wenn ich mein Browser-Fenster zusammenschiebe. Könnt ihr mir sagen, wo der Fehler liegt?

Außerdem habe ich noch eine Frage. Auf der Webseite sind große Bilder im Hintergrund. Diese fallen auf der Handy-Version dann natürlich weg. Ich würde die Bilder dann aber gerne über dem Text im Content-Bereich einfügen.
Dafür müsste ich ja HTML-Code dazu schreiben.
Nun zu meiner Frage:
Kann ich direkt dem HTML-Code sagen, dass er nur auf dem Handy gezeigt werden soll, oder muss ich in der normalen CSS-Datei einfach einen Befehl "display:none" einsetzten?

Es handelt sich im übrigen um die Webseite www.rubenvorwald.de

Danke für eure Hilfe,
Ronja

 

[cythux]

AW: Stylesheets fürs Handy

das ganze in deinem Master style.css und display:none sollte man vermeiden, anstelle dessen würde ich die version von visulhidden empfehlen

das google seo, display none bestraft

http://css-tricks.com/snippets/css/media-queries-for-standard-devices/


mfg

 

[KireSchattenhaar]

AW: Stylesheets fürs Handy

kann mich cythux nur anschließen, ist es eine normale HTML-Page oder eine Site, die auf einem CMS läuft? Weil im 2. Fall gäbs ja PlugIns...

 

[itac6]

AW: Stylesheets fürs Handy

Hallo,

es heißt "only screen and (max-width: 480px)" -ohne "device" dann sollte es gehen (bei meinen Experimente ist es so)

salü