Mobile Website für Palm Pre erstellen

Willkommen!

Wenn du im Nexave-Forum mitmachen möchtest, schreib an community@nexave.de. Wir haben die Registrierungsfunktion in unserem Diskussionsforum nämlich deaktiviert, weil sich praktisch nur noch Spammer und Werbebots registriert haben. Per E-Mail sind wir dir gern behilflich, einen Account anzulegen.

    Hallo liebe Leute,


    ich bin ein Neuling im Bereich Erstellung von Webseiten für mobile Geräte.
    Ich habe einmal eine kleine Testseite im Netz erstellt/gefunden:


    http://85.214.90.79//behncke/mobil_test/test2.xhtml


    Das Problem ist: Wenn ich diese auf meinem Palm Pre lade, dann ist diese unglaublich klein, ich muss dann erst massiv reinzoomen.
    (auf einem HTC PDA mit IE und Windows Mobile z.B. ist alles wunderbar ok).


    Eine andere Seite: http://mobil.rtl.de hingegen erscheint wunderbar passend an das Display angepasst.


    Gibt es etwas besonderes was man bei mobilen Webseiten für den Palm Pre beachten muss?


    Vielen Dank im voraus, Kai


    Kann mir jemand

    Ich weiß nicht ob es daran liegt, aber deine Seite ist nicht valide. Du deklarierst sie als UTF-8, aber sie enthält Zeichen die nicht in UTF-8 kodiert sind.


    Siehe: http://www.validome.org/valida…ke/mobil_test/test2.xhtml


    Eventuell kennt der Browser auch diese mobile Variante von XHTML nicht und kommt deshalb durcheinander. Für den WebOS-Browser kannst du ganz normales (X)HTML verwenden.

    Hi inta,


    danke zunächst für den Tip. Ich habe das jetzt auf valides
    XHTML Mobile 1.0 gebracht, leider ohne Veränderung im Browser.


    Zitat

    Eventuell kennt der Browser auch diese mobile Variante von XHTML nicht und kommt deshalb durcheinander. Für den WebOS-Browser kannst du ganz normales (X)HTML verwenden.

    Hab ich auch schon dran gedacht, aber normales HTML hat leider den selben Effekt, und der WebOS Browser MUSS eigetnlich XHTML-MP erkennen, ansonsten hätten die Entwickler ja 4-5 Jahre mobile Entwicklung verschlafen.


    Es muss an irgendwas anderem liegen, ich forsche mal weiter.....

    Problem gelöst, es muss z.B. so aussehen:


    <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">
    <head>
    <title>Kais test</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="maximum-scale=1.0,width=device-width,initial-scale=1.0">
    <meta content="True" name="HandheldFriendly">


    <style type="text/css">
    * {
    color: black;
    font-size: 14px;
    margin: 0;
    padding: 0;
    font-family: Arial;
    }
    A {
    color: #000000;
    text-decoration: none;
    }


    .layout1
    {
    background-color :#FFFFFF;
    font-size: 14px;


    width : 234px;
    }
    #hauptinhalt
    {
    padding: 0px;
    padding-bottom:0px ;
    padding-top:0px ;
    margin: 0px;
    width: 234px;
    }
    </style>
    </head><body><div id="hauptinhalt">


    <div></div>
    <div class="layout1" >


    <a href="blablabla">Inhalt 1<br/>
    <b>Inhalt 1</b></a><br/>
    </div>
    <div></div>
    <div class="layout1" >
    <a href="blablabla2">Inhalt 2<br/>
    <b>Inhalt 2</b></a><br/>
    </div>
    <div></div>
    <div class="layout1">
    <a href="blablabla3">Inhalt 3<br/>
    <b>Inhalt 3</b></a><br/>


    </div></div></body></html>

    Hallo,


    ich besitze seit Anfang Dezember nun auch einen Palm Pre und bin sehr zufrieden damit. Nicht zuletzt hat dieses Forum maßgeblich dazu beigetragen - vielen Dank dafür :)


    Nun versuche ich als Webdesigner ein paar Rätsel des eingebauten Browsers zu lüften.
    Ich habe Erfahrung in der Erstellung aktueller, barrierefreier Webseiten in striktem (X)HTML und CSS und stehe gerade vor der Herausforderung eine bestehende Website für die Darstellung auf dem Pre - und damit auch für den iPhone-Browser, dessen Darstellung weitgehend identisch ist - zu optimieren.


    Das Problem hierbei ist in erster Linie das der Schriftgröße- der Rest ist schon wunderbar. Es scheint so zu sein, dass der Browser die Schriftgröße vom bestimmten Texte zur besseren Lesbarkeit anhebt und von anderen nicht. Wenn ich mir beispielsweise Meldungen in heise.de anschaue, ist der Haupttext genau in der richtigen Lese-Größe, die Überschrift - oder auf der Homepage von heise die Links - ist im Vergleich dazu regelrecht winzig.


    Hat hier schon mal jemand herausgefunden nach welcher Logik die Schriftgrößenanpassung erfolgt? Und wie ich darauf als Webdesigner Einfluss nehmen kann? Fragen über Fragen ...

    ... ein kleiner Nachtrag zu meinem letzten Post:


    Dem Anschein nach lässt sich die Schriftgröße auf dem iPhone mit der CSS-Angabe -webkit-text-size-adjust: 150% nachjustieren und so eine bestimmte Darstellung erzwingen. Leider scheint dieses Attribut vom Pre-Browser nicht unterstützt zu werden - oder man muss noch wo anders einen Schalter finden ...