nicht angemeldet
Hallo Ihr,
wie im Thema schon steht möchte ich in einer Handheld Version meine Seite machen.
Da der Content für meine Screen Version sich nicht für eine Handheld Version eignet dachte ich mir einfach einen neuen Container unterhalb meiner "normalen" Webseite zu machen und diese dann in der betreffenden Css auszuschalten.
beispiel:
<html>
<head>bla</head>
<body>
<div id="container">
Normaler Text für Screen Version. Normale Webseite
</div>
<div id="container2">
Text für Handheld Version.
</div>
</html>
Die Screen-Css dazu:
#container {
width:1000px
}
#container2{
display:none;
}
In der Handheld Css:
#container {
display:none;
}
#container2{
width:300px;
}
Doch irgendwie funktioniert das nicht. Wenn ich mit einem iPhone drauf gehe macht der immer nur die Screen Css und somit den normalen Container, statt den Container2.
PS: ich habe meine Stylesheets wie hier verwendet (also mit core.css antiscreen.css usw..) http://www.alistapart.com/articles/return-of-the-mobile-stylesheet/
Kann mir jemand helfen?