WebSite X5Help Center

 
Torsten R.
Torsten R.
User

Website wird auf Mobilgeräten nicht korrekt angezeigt  de

Autor: Torsten R.
Visited 3908, Followers 2, Udostępniony 0  

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?

Posted on the
15 ODPOWIEDZI - 2 USEFUL
Stephan H.
Stephan H.
User

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

Czytaj więcej
Posted on the from Stephan H.
Der Zwoemti
Der Zwoemti
Moderator

kann ich bestätigen das sieht komisch aus.

Habe es mal markiert.

Czytaj więcej
Posted on the from Der Zwoemti
Torsten R.
Torsten R.
User
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

Czytaj więcej
Posted on the from Torsten R.
Incomedia
Claudio D.
Incomedia

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!

Czytaj więcej
Posted on the from Claudio D.
Torsten R.
Torsten R.
User
Autor

Hallo Claudio D.,

das Bild ist bei den Seiteneigenschaften als Hintergrund eingefügt. Also nicht als Parallax.

Mit freundlichen Grüßen

Torsten

Czytaj więcej
Posted on the from Torsten R.
Torsten R.
Torsten R.
User
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

Czytaj więcej
Posted on the from Torsten R.
Incomedia
Claudio D.
Incomedia

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!

Czytaj więcej
Posted on the from Claudio D.
Stephan H.
Stephan H.
User

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

Czytaj więcej
Posted on the from Stephan H.
Andreas S.
Andreas S.
Moderator
Najlepszy Użytkownik miesiąca DE

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.

Czytaj więcej
Posted on the from Andreas S.
Stephan H.
Stephan H.
User

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

Czytaj więcej
Posted on the from Stephan H.
Incomedia
Claudio D.
Incomedia

Guten Tag,

Danke für die Anregung die in Betracht genommen wird von den Entwickler.

Vielen Dank!

Czytaj więcej
Posted on the from Claudio D.
Roselore Kirchberg
Roselore Kirchberg
User

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

Czytaj więcej
Posted on the from Roselore Kirchberg
Andreas S.
Andreas S.
Moderator
Najlepszy Użytkownik miesiąca DE

@Roselore 1. geht deine URL nicht und 2. wieso sollte es sich verkleinern?

Czytaj więcej
Posted on the from Andreas S.
Roselore Kirchberg
Roselore Kirchberg
User

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.

Czytaj więcej
Posted on the from Roselore Kirchberg
Andreas S.
Andreas S.
Moderator
Najlepszy Użytkownik miesiąca DE

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.

Czytaj więcej
Posted on the from Andreas S.