Hi Marboe,

vielen Dank fürs Nachsehen, welchen Browser hast du denn benützt?

bei den Geräten, die ich zur Verfügung habe funktioniert es nicht richtig.

iPhone: Hintergrund nicht Fest - wird also mitgescrollt und ist auch verpixelt (Foto ist ja dann so groß wie alle Seiten... also kein Wunder)

Galaxy S5 mini (Chrome): Hintergrund wie am Screenshot oben

Tablet (Chrome): Hintergrund wie Screenshot oben

Browser am Laptop: alles wird richtig dargestellt. auch wenn ich das Browserfenster verkleinere und dadurch auf die mobile Version umgeschalten wird - hier stimmt der Hintergrund.

Gibt es hierfür irgendeine Erklärung??

Wieso also auf den mobilen Geräten nicht

Hi, ich habe Firefox mobile auf Android Lollipop benutzt. Eine Erklärung kann ich dir aktuell nicht anbieten. Leider. HG Marboe

[...] hat jemand irgendeine Ahnung woran das liegen kann? [...]

Nicht direkt, aber ein paar "Kleinigkeiten" zeigen vielleicht den Weg zur Lösung.

Das Hintergrundbild ist vieeeeel zu groß und es hat unten einen breiten, weißen Rand, der eventuell eine Ursache für Dein Problem ist.

Du hast das Bild mit ca. 2.500 x 5.500 px angelegt und es wird obendrein noch gekachelt angezeigt. Das kannst Du besser machen.

Bei dem gewählten Hintergrund kommt es sicher nicht darauf an, dass der Besucher Deiner Site jedes einzelne Sandkorn im Detail sieht. IMHO würde für das Bild eine Größe von max. 800 x 450px genügen.

Zieh das Bild bei gedrückter STRG Taste auf den Seitenhintergrund und wähle dann, nach einem Rechtsklick auf den Seitenhintergrund, die Einstellung "Browserfenster füllen"  für den "Arbeitsbereichshintergrund"

Die 2. "Kleinigkeit" ist die Slideshow, die Du mit gigantisch großen Bildern angelegt hast. Da sind Bilder enthalten, die mehr als 8 MB! groß sind. Jeder Smartphone Besitzer wird Dir dankbar sein, weil Du damit sein Datenvolumen so richtig ausreizt...
Außerdem hat sicher keiner der (mobilen) Website Besucher Lust, "stundenlang" auf die Anzeige eines Bilds zu warten und das bei jedem weiteren Bild zu wiederholen.

Und wenn wir gerade dabei sind die Finger auf die diversen Wunden zu legen, kannst Du auch gleich die Schriftgröße deutlich erhöhen, zumindest für die mobile Variante. 13px darf es da schon sein.

Auch das Navigationsmenü der mobilen Variante ist verbesserungswürdig. Scheinbar hast Du die Untermenüs auf popup Ebenen realisiert, die nicht fixiert wurden. Jedenfalls erscheinen sie auf den Unterseiten nur sporadisch und sie scrollen mit der Seite...

Das soll jetzt aber erst mal genügen, sonst bleibt Dir am Wochenende keine Zeit mehr für eine Schneeballschlacht o.ä.

Viel Spaß (und Erfolg) bei den Korrekturen.

Hi BeRo,

erstmal vielen Dank für das umfangreiche Feedback!!!

bezüglich Fotos in Galerie: die werden natürlich noch kleiner hochgeladen - die Seite ist ja noch die Demoversion (für Kundin zur Durchsicht) :)

Bezgl. Hintergrund: hier habe ich gestern das "gekachelte" Foto hinzugefügt weil sonst beim iPhone der Hintergrund mitscrollt und irgendwann aufhört. (Apple versteht scheinbar den Befehl "Browserfenster füllen" nicht)

die Sache mit dem Hintergrund ist nicht optimal - aber leider die einzige Möglichkeit, die ich sehe.

das Navigationsmenü hätte ich gerne in ein "ein Button Navigationsmenü" umgewandelt. leider funktioniert das nicht. Der Punkt "Navigationsleiste erstellen" ist immer grau im Menü. ich möchte die drei grünen Balken als Button haben um dann das Menü als Dropdown zu haben. gibt es da Tipps wie ich das Menü erstellen kann ohne eines aus der Galerie zu nehmen??

Vielen Dank nochmal für die Hilfe und schönen Samstag!

[...] hier habe ich gestern das "gekachelte" Foto hinzugefügt [...] (Apple versteht scheinbar den Befehl "Browserfenster füllen" nicht) [...]

OK, das ist wohl ein Kompatibilitätsproblem, das wir auch schon vor einem Jahr "auf dem Tisch" hatten (klick)

Aber die Empfehlung, das Hintergrundbild kleiner anzulegen, bleibt bestehen. Gerade bei Motiven, die gekachelt angezeigt werden, bietet sich eine kleine Dateigröße an, da muss erst recht kein "Schwergewicht" mit nahezu 1MB her.

[...] das Navigationsmenü hätte ich gerne in ein "ein Button Navigationsmenü" umgewandelt. [...] gibt es da Tipps wie ich das Menü erstellen kann ohne eines aus der Galerie zu nehmen? [...]

Tipps dazu findest Du en masse im Forum, z. B. in diesem Thread. Da haben wir das Thema bis in die letzten Winkel "durchleuchtet". Den Einstieg (1. Anleitung) findest Du hier.

Viel Erfolg

------------------------
Edit: 13:49h

Du kannst mal versuchen, Dein Hintergrundbild mit der klassischen CSS Methode einzubinden und zu fixieren. Mit ein bisschen Glück akzeptieren auch die Browser der i-Family diese Option...

Hier findest Du die Anleitung und hier die online Demo.
Die Demo hat keine Variante. Wenn Du den CSS Code für Dein Projekt übernimmst, musst Du ihn zusätzlich noch in den HTML Head der mobilen Variante eintragen.

Ich mag dir auch noch einen Tipp geben :-)

Schau mal hier auf der Desktopversion: das geht leider so gar nicht. Das kann man echt nicht lesen.

Die Schrift ist sehr unglücklich gewählt und ragt rechts heraus. HG Marboe