Darstellung in Fully Fullscreen Browser

[Octopus180]

Moin

Ich versuche mich seit ein paar Wochen an den Aufbau meiner TabletUI Oberfläche. Dabei ist jetzt ein Problem enstanden was ich als Anfänger nicht verstehe und auch nich gelöst bekommen
Ich möchte mir gerne über das 59_moon Modul die Mondphasen und Mondauf- und Untergang anzeigen lassen. Ich habe es über folgenden Weg versucht.

Code Auswählen Erweitern

<li class="halbTransparent border-left" data-row="2" data-col="1" data-sizex="2" data-sizey="1">
           <header class="headerTransparent">MONDPHASEN</header>
             <table class="calls" width="100%">
       <table>
        <tbody>

                <tr>
                        <td rowspan="3"><div class="">
                     <div data-type="image"
                          data-device="Mond"
                          data-get="ftui"
                          class="cell large" style="width:80%"></div>
                     <div data-type="label"
                          data-device="Mond"
                          data-get="STATE"
                          class="narrow newline left">
                     </div></td>

                   <td><div class="B2"><center>
                        <div data-type="label"
                             class="inline medium"><big>↑</big><small> Mond:</small><br></div>
                        <div data-type="label"
                             data-device="Mond"
                             data-get="Mondaufgang"
                             class="big">
                        </div>
                        </div>
                        <div class="C2"><center>
                        <div data-type="label"
                             class="inline medium"><big>↓</big><small> Mond:</small><br></div>
                        <div data-type="label"
                             data-device="Mond"
                             data-get="Monduntergang"
                             class="big">
                        </div>
                        </div></td>
                </tr>


        </tbody>
</table>


</li>

<li class="halbTransparent border-left" data-row="2" data-col="4" data-sizex="2" data-sizey="1">
           <header class="headerTransparent">TESTTABELLE</header>
             <table class="calls" width="100%">
       <table>
        <tr>
                <td><div class="">
                     <div data-type="image"
                          data-device="Mond"
                          data-get="ftui"
                          class="cell large" style="width:80%"></div>
                     <div data-type="label"
                          data-device="Mond"
                          data-get="STATE"
                          class="narrow newline left">
                     </div></td>

                <td><div class="B2"><center>
                        <div data-type="label"
                             class="inline medium"><big>↑</big><small> Mond:</small><br></div>
                        <div data-type="label"
                             data-device="Mond"
                             data-get="Mondaufgang"
                             class="big">
                        </div>
                        </div>
                        <div class="C2"><center>
                        <div data-type="label"
                             class="inline medium"><big>↓</big><small> Mond:</small><br></div>
                        <div data-type="label"
                             data-device="Mond"
                             data-get="Monduntergang"
                             class="big">
                        </div>
                        </div></td>

        </tr>

</table>


</li>

Jetzt komme ich zu meinen Problem , wenn ich mir die html Seite auf dem Laptop (Win10) unter Internetexplorer oder Firefox , auf dem IPAD mit Safari oder Firefox und über mein Acer 10Zoll B3-A20 mit Firefox anzeigen lasse, sieht die Seite wie folgt aus:


Wird die Seite aber über Fully auf dem Acer geladen sieht es wie folgt aus:


Ich verstehe einfach nicht warum die Pfeile bei dem Text "Mond" bei Fully über den den Text stehen und bei allen anderen neben den Text (da wo sie hin sollen).

Gruß Peter

[Octopus180]

(http://uploads.tapatalk-cdn.com/20160705/ac7fcf94a5fffc70842f37f2e17d2c57.png)

Laptop usw.


(http://uploads.tapatalk-cdn.com/20160705/9490c3c8037f31be27939fa9f8107563.png)

Fully

[ht]

Das könnte an der Android Version liegen, die auf dem Tablet läuft. Ich habe 4.4, und da sieht mein UI mit Fully auch verschoben aus. Das liegt daran, dass Google erst in neueren Android Versionen einer App einen moderneren Web Browser zur Verfügung stellt. Bei mir läuft das UI unter Chrome auf demselben Tablet nämlich einwandfrei, aber das stellt Google dort noch nicht anderen zur Verfügung. Ich meine, man braucht mindestens Android 5. Genaueres erfährst Du hier im Forum im Thread zu Fully:

https://forum.fhem.de/index.php/topic,48862.0.html

Gleich im ersten Post steht was dazu, und das man ab Android 5 "Android System Webview" nachinstallieren sollte.

Grüße,
Volker

[Octopus180]

Auf mein Tablet läuft 5.1 und Android System Webview ist auch installiert.

[Octopus180]

Moin

Ich habe heute noch einmal ein wenig getestet, dabei ist mir aufgefallen dass das Problem nur Auftritt wenn der "data-get Wert" vierstellig ist. Ich habe mal einen anderen data-get Wert genommen der sechsstellig ist und dann ist die Anzeige unter Fully wie sie sein soll.

Wie bekomme ich jetzt den data-get Wert von zB. 04:37 auf 04:37:00 ?

Gruß Peter

[dev0]

Dafür ein userReading anlegen.