Website wird auf Mobilgeräten nicht korrekt angezeigt 
Autor: Torsten R.Ich habe meine Website mal komplett neu gestaltet und dazu das Template "My Rose Mary" verwandt und angepasst. Hier ist ja in der ersten Zeile ein hineinzoomender Text und ein Hintergrundbild. Die Zeile selbst ist transparent und auf Fensterbreite eingestellt mit einem Außenabstand von 250px oben und unten damit man ein schön großes Bild erhält. Nun das Problem:
Auf Android-Geräten wie Tablett und Mobiltelefon wird dieses Hintergrundbild nicht richtig dargestellt. Es wird nicht an die Bildschirmgröße angepasst. Das betrifft alle Browser die die WebKit-Engine, wie Chrome und Opera, haben. Der Firefox für Android zeigt alles korrekt an. Genauso der Edge auf dem Windowsphone. Auch die Desktop-Varianten der Browser Opera und Chrome stellen alles richtig dar.
Meine Site: www.foerde-hausverwaltung.de
Hab ich jetzt irgendwo einen Fehler eingebaut oder ist das ein Bug in Website X5?
Hallo Torsten,
ich habe, soweit ich es verstanden habe, bestätigen. Ich sitze vor dem selben Problem. Habe das gleiche Template wie Du verwandt.
Das Hintergundbild wird bei egal ob iPhone oder Android Enderät nicht skaliert. Sprich: Wird das Titelbild als Hintergrund eingebunden, skaliert es nicht proportional zum Gerät. Das Bild wird links und rechts abgeschnitten.
Man sieht bei Dir lediglich ein Fragment des bläulichen Himmels. Ich habe eine SW Bild und man sieht lediglich eine hellgraue Fläche. Sieht bei in meiner Fall für eine Fotografen-Homepage natürlich mehr als bescheiden aus.
Habe bei einigen Projekten, welche aus "My Rose Mary", aufsetzten ähnliches gesehen.
Ich denke, da hier ein Bug bzw. Website X5 bei Parallax noch nachgebessert werden muss.
Habe anscheinend eine "Übergangslösung" gefunden.
Ich habe das Titel-Hintergrund-Foto gelöscht. Also im "Home"-Menü befindet sich keine Grafik mehr.
Unter "4 Seiten" habe ich ganz oben eine leeres Grafikfeld eingebunden. Also lediglich angelegt.
Dann habe ich unter "Zeilenstil" das neue oberste Grafikfeld mit dem Textfeld für Parallax verbunden.
In diesem Zeilenstil habe ich dann das Titelbild lokal mit folgenden Einstellungen eingebunden:
Anordnung: 5-An Fenster anpassen
Ausrichtung: 2- Oben
Deckkraft: 100%
Haken bei "Auf die Breite des Browserfensters erweitern"
Haken bei "Parallaxe-Effekt aktivieren"
Nun skaliert sich das erste Titelbild bei mir auch passend den Endgeräten.
Lg Stephan
kann ich bestätigen das sieht komisch aus.
Habe es mal markiert.
Autor
Hallo Stephan,
vielen Dank für Deinen Tip. Ich werde es mal kurzfristig umsetzen (sofern Incomedia nicht kurzfristig eine Lösung hat). Nur um sicher zu stellen, das ich Dich richtig verstanden habe. Mit Grafikfeld meinst Du das Foto-Widged welches Du leer lässt, also Kein Bild einfügst. Die beiden verbundenen Zeilen hast Du dann transparent und mit dem Hintergrundbild versehen welches vorher der Seitenhintergrund war. Also hat jetzt praktisch die Seite gar kein Hintergrundbild sondern nur noch die beiden verbundenen Zeilen. Richtig?
Lg
Torsten
Guten Tag,
Ist das Bild als Parallax eingefügt worden?
Im Original Projekt ist das Bild als Hintergrundbild der Seite in den Einstellungen der Seite eingestellt und in diesen Fall ist das Bild für ein Desktop Monitor optimiert und nicht für ein Handy wo ein anderes Bildformat notwendig ist.
Vielen Dank!
Autor
Hallo Claudio D.,
das Bild ist bei den Seiteneigenschaften als Hintergrund eingefügt. Also nicht als Parallax.
Mit freundlichen Grüßen
Torsten
Autor
Ich habe jetzt mal den Tipp von Stephan umgesetzt. Jetzt wird auch im mobilen Chrome und Opera alle richtig angezeigt. Hier dürfte aber trotzdem ein Bug in Website X5 vorliegen, da der mobile Firefox ja auch die ursprungsgestaltung des Templates korrekt anzeigt.
Danke noch mal an Stephan
Guten Tag,
Danke für die Information. Das Bild, da dies nicht für das Handy Bildschirm adaptiert ist wird dieser anders skaliert da es indiesen Fall die Höhe in Betracht genommen wird statt die Breite wie auf den PC.
Ich werde es den Entwickler weitergeben um zu sehen ob dies geändert werden kann.
Vielen Dank!
Hallo,
eine Bekannte hat mit einer anderen WebSoftware das Hintergrundbild auf Endgeräten wie Smartphones skalierend hinbekommen.
Desweiteren kenne ich eine HP eines anderen Fotografen dessen HP auf Endgeräten super läuft. Titelbild (sogar wechselnd durchlaufend) wird auf PC wie Smartphone immer passend skaliert angezeigt. Dessen HP benutzt beim Titelbild den Parallax-Effekt und ist responsiv aufgebaut. Einen ähnlichen Aufbau hätte ich mir auch vorgestellt.
Da ich nicht weiß, ob ich dessen HP posten darf, kann ich sie den Admins gerne per PN mailen.
Eine baldige Korrektur bei WebsiteX5 wäre echt wichtig. Danke im vorraus.
Nach etwas Einarbeitung ist WebsiteX5 ansonsten eine wirklich gute Software.
Lg Stephan
Du kannst hier alle WEbsites posten, außer die über +18 und die (wir wissen schon welche) Seiten !
WSX5 arbeitet nicht wie andere Websoftware und man kann diese auch nicht vergleichen und sofortige Wünsche außern wie (das ist aber dort auch drinnen, wieso geht das in WSX5 nicht)
Die Entwickler schauen sich das an, und entscheiden ob das ein BUG ist oder eine zusätzliche Einstellung oder eben nicht möglich.
Hallo,
hier mal die Page:
http://www.deineweddingstory.de/
Sicherlich kann man verschiedenste Software nicht miteinander vergleichen. Tu ich auch nicht. Dachte nur, dass es mit WSX5 doch sicherlich auch hinzubekommen sein müsste.
Danke für Eure Bemühungen und den tollen Support.
Lg Stephan
Guten Tag,
Danke für die Anregung die in Betracht genommen wird von den Entwickler.
Vielen Dank!
Website wird nicht richtig auf Mobilgeräten angezeigt. Im Header wird die Schrift nicht mit verkleinert hat jemand eine Idee was ich ändern könnte mein Website is www.yoginform.de
@Roselore 1. geht deine URL nicht und 2. wieso sollte es sich verkleinern?
Hallo
URL ist ok. Responsive Funktion auf dem Mobilgerät funktioniert nicht richtig. Habe das Standart-Template (Natur und Wissenschaft1) heruntergeladen und alle Bilder im Header gelöscht und neue eingesetzt, aber beim Mobilgerät kommt immer noch im Hintergrund das alte Foto. Die Schrift die ich im Header angelegt habe, wird nicht responsiv angezeigt.
Was habe ich falsch gemacht...
Liebe Grüße R.K.
1. deine richtige URL ist http://www.yogainform.de/
2. dann wirst du noch irgendwo eine Grafik übersehen haben. Möglicherweise in der Struktur der Vorlage noch eine Grafik nicht entfernt?
3. Die Schrift verändert sich nicht automatisch. Wenn dann musst du sie so anpassen, dass es in jedem Sprungpunkt korrekt angezeigt wird. Du musst sowieso bei jedem Sprungpunkt die Werte einstellen und auch im HEader bei jedem Punkt kontrollieren ob alles im sichtbaren Bereich ist.