DWD Vorhersage wird nicht auf Mobiltelefon dargestellt

[teffi71]

Ich erhalte die Wettervorhersage über mosmix von DWD und Open-Meteo. Im Webbrowser am PC wird die Tabelle entsprechend dargestellt.

Auf dem iPhone (egal ob mit Safari oder FireFox) wird die Tabelle nicht dargestellt obwohl die Orientierung für beide Richtungen (h, v) angegeben ist.

[WeatherServices] path = /etc/weewx/skins/Belchertown/dwd [[current]] safe = True [[forecast]] icons = ../images orientation = h, v

Was mache ich falsch? Oder habe ich etwas missverstanden?

[roe-dl]

Die Sichtbarkeit wird von den Klassen hidden-xs und visible-xs-block gesteuert. Diese Klassen müssen wie folgt definiert sein:

.visible-xs-block {
    display:none !important;
}
@media (max-width:767px) {
    .hidden-xs {
        display:none !important;
    }
    .visible-xs-block {
        display:block !important
    }
}

Es wäre zu prüfen, ob sie vorhanden sind. In bootstrap.min.css sind sie enthalten. Bei anderen Frameworks müssen sie eventuell ergänzt werden. Und falls mehrere CSS-Dateien eingebunden sind, dürfen sie in einer späteren Datei nicht wieder aufgehoben werden. Man muß also alle eingebundenen *.css-Dateien danach durchsuchen. Bei solchen, die auf *.min.css enden, ist das nicht so einfach, weil alles in einer einzigen Zeile steht. Aber es hilft nichts.

Man kann das prüfen, indem man mit der rechten (!) Maustaste auf den Beginn der Tabelle klickt und im Kontext-Menü "Element-Information" (Safari) oder "Untersuchen" (Firefox) anklickt. Links sieht man den HTML-Text und kann die Zeile anklicken, die hidden-xs bzw. visible-xs-block enthält. In der Mitte werden dazu die aktiven Klassen angezeigt. Dann kann man das Browserfenster zusammenschieben, daß es ganz schmal wird. Während es anfangs nur die Klasse visible-xs-block gibt, kommt beim Zusammenschieben irgendwann hidden-xs dazu, wenn es richtig läuft.

[teffi71]

Wenn das Fenster noch breit genug ist, wird die Tabelle angezeigt DWD Forecast ...

Wenn ich das Fenster schmaler mache, verschwindet die Tabelle ... ich sehe etwas von .hidden-xs aber nichts von .visible-xs-block:

Hilft dies Dir weiter?

[teffi71]

Hier der .visible-xs-block:

[roe-dl]

Einige Zeilen tiefer als das <div ...hidden-xs steht eine Zeile mit <div ... visible-xs-block. Bitte die mal auswählen und gucken, was da daneben angezeigt wird.

[teffi71]

Here we go ...

[roe-dl]

Aha. Also liegt das Übel in belchertown-dark.min.css. Diese Datei definiert alle möglichen Klassen aus dem Bootstrap-Framework neu und treibt dabei einigen Unfug.

Als Gegenprüfung wäre es sinnvoll zu sehen, ob das Problem auch bei hellem Hintergrund auftritt.

Wenn sich ergibt, daß das Problem auf dunklen Hintergrund beschränkt ist, geht an einer Aufräumaktion in belchertown-dark.min.css kein Weg vorbei. Ich selbst habe das auch tun müssen. Das Ergebnis belchertown-dark.css.zip muß aber nicht funktionieren, weil es Teil einer größeren Aufräumaktion war, die auch die Template-Dateien einschloß.

[teffi71]

Danke für Deine bisherige Hilfe!

Es liegt wohl tatsächlich an belchertown-dark.min.css, da mit dem hellen Hintergrund die Vorhersage erscheint ;)

Ich werde mir jetzt mal Dein Zip anschauen und hoffentlich entsprechend fortschreiten können :)

[teffi71]

Hab herzlichen Dank! Jetzt läuft es, wie es soll!

[teffi71]

Closed as solved!