Inhalte / Bilder im Header / Template verschieben sich_wie einstellen? 
Autor: S. Lang
Besucht 1658,
Followers 2,
Geteilt 0
Hallo
Die Bilder im Header verschieben sich, obwohl ich sie bei allen Breakpoints klar positiniert habe. Zudem überlappen sie teilweise die Headergrenzen, obwohl ich "auf die Seite des Browserfensters erweitern" nicht angeklickt habe.
Was ist da los?
Bitte um raschen Rat, da die Webseite (mit diesen Fehlern) schon online ist:
https://www.cranio-sibilla-lang.ch
Danke für Eure Antworten
illa
Gepostet am
Hast du die Bilder in den jeweiligen Hintergrund eingefügt in der STruktur des Templates oder als Bild im Header bei Inhalte des Templates?
Bei ersteren müssen die Bilder genau die Breite haben die der Breakpoint hat.
Autor
Hallo Andreas
Danke für Deine rasche Antwort!
Ich habe die Bilder im Header eingefügt. Und in den früheren Programmversionen haben sich die Bilder immer an den Grenzen des Headers angepasst.
Heisst das, dass ich jetzt für jeden Breackpoit die Grösse der Bilder (auf den Pixel genau) im Fotoshop neu berechnen muss? Das wäre ein zielicher Aufwand bei den vielen Breackpoints...
LG
illa
Wäre einmal ein Aufwand von 10 Minuten! Bei ca. 5-6 Breakpoints ! Wenn du die Bilder in der Struktur des Templates im Header als Hintergrund eingefügt hast.
Im Inhalt des Templates hast du es nicht eingefügt, oder?
Autor
Danke für Deine rasche Antwort!
Dein schriftlicher Servisce ist wirklich top :-)
Bei mir sind es 10 Breakpoints (einer mehr als von Euch vorgesehen).
Zu Deine Info:
Ich habe die Bilder unter Vorlage ----> Inhalt des Templates -----> Header eingefügt.
Warum ist es so, dass das es in dieser neuen Programmversion zu solchen Verschiebungen der Bilder kommt?
Den Header mit Bildern zu befüllen, macht neu ja dann gar keinen Sinn mehr...
Habt Ihr vor, dieses Problem zukünftig zu beheben?
LG
illa
Dann ist klar, dass es diese Bilder rausschiebt. Du musst im Inhalt des Templates die Bilder anklicken und schauen ob sie rechts außerhalb des sichtbaren Bereichs rausschauen. Wenn dann musst du sie verkleinern. Das natürlich nur in den Breakpoints wo dieser Effekt auftritt.
Äh, ich will jetzt nicht stören oder das gleiche Probblem x-mal aufführen.
Aber - auch ich habe via Vorlage ---> Inhalt des Templates ---> Header einige Objekte eingefügt. Alles passt und alles funktioniert, wie es soll. Und das in allen Ansichten (Breakpoints).
Nehme ich nun dieses aktuelle und funktionierende Template und speichere es als neues, benutzerdefiniertes Template ab (Vorlage --> Einstellungen des Templates --> Verwaltung der personalisierten Templates --> Hinzufügen), wird der Header bei Übernahme dieser Vorlage in ein damit neu erstelltes Projekt richtig dargestellt.
Sobald ich aber das Template in einem bestehenden Projekt auf diese benutzerdefinierte Vorlage ändern möchte (Vorlage --> Einstellungen des Templates --> Template ändern), wird dann der Header zumindest in der Ansicht "Smartphone - kleiner als 480 px" falsch dargestellt.
Die Objekte sind nun alle bündig am linken Rand plaziert. Der Abstand von oben ist aber korrekt. Bei der Übernahme habe ich "die eingestellten Objekte durch die Objekte der ausgewählten Vorlage ersetzen" ausgewählt.
Mach' ich da was falsch?
Wie gesagt: Beim Erstellen eines neuen Projektes mittels dieser benutzerdefinierten Vorlage funktioniert alles bestens.
Liebe Grüsse,
Wilfried
Was ich so rausgelesen habe, müsstest du uns noch sagen was du unter "kleiner als 480px falsch dargestellt" meinst.
Entweder Link zu einer Testwebsite oder einen Screenshot machen.
Hi Andreas,
habe Dir den Screenshot angehängt.
Sorry, der Screenshot war faalsch (Pfeil zeigte auf falschen Button).
Angehängt der richtige Screenshot.
Ne, da habe ich mich falsch ausgedrückt!
Du sagst, dass es in der "kleiner als 480px" Ansicht nicht stimmt! Aber was stimmt nicht und hast du auch in dieser Ansicht im Inhalt des Template alle Objekte richtig gestellt?
Okay, hier der Screenshot mit der richtigen Darstellung der Objekte im Header-Bereich:
Hier nochmal ein Screenshot mit der falschen Darstellung:
Obwohl dann ein Template aus dem Projekt mit der richtigen Darstellung erstellt wurde (Screenshot oben), ändert sich die Darstellung bei der Übernahme dieses Templates in ein vorhandenes Projekt via "Vorlage --> Einstellungen des Templates --> Template ändern" wie im Screenshot unten erkennbar.
Ja die Objekte verschieben sich etwas. Das ist aber normal und muss immer händisch korrigiert werden. Das ist bei Konvertierungen von V13 abwärts auch so.
Hm.
Die Objekte verschieben sich bei der Änderung des Templates aber nur im Header und nicht im Footer.
Da stellt sich mir schon die Frage, wieso die Übernahme im Footer, nicht aber im Header funktioniert. Den Header händisch korrigieren zu müssen kann da nicht wirklich die Lösung sein. Geschweige denn, normal.
Vor allem, da die Positionierung der Objekte nach Änderung des Templates in allen anderen Ansichten (Breakpoints) sowohl im Header als auch im Footer ja völlig in Ordnung ist.