Headerbild passt sich nicht korrekt an Fenstergrößenänderungen an (Top Responsive)

Wir nutzen Zeta Producer für unsere Website und haben ein Problem mit der Darstellung des Headerbildes, das sich bei Änderungen der Fenstergröße nicht korrekt anpasst.

Problembeschreibung:

1. Vollbildmodus: Beim Laden der Seite im Vollbildmodus wird das Headerbild korrekt dargestellt.
2. Fensterverkleinerung: Wenn wir das Browserfenster verkleinern, passt sich das Headerbild responsiv an die neue Fenstergröße an.
3. Rückkehr zum Vollbildmodus: Wenn wir das Browserfenster wieder vergrößern, bleibt das Headerbild "hängen" und passt sich nicht mehr an die neue Größe an. Das Bild bleibt in der Größe des kleineren Fensters.

Erwartetes Verhalten:

Das Headerbild sollte sich bei jeder Größenänderung des Browserfensters dynamisch anpassen und immer die volle Breite des Fensters ausfüllen, ohne verzerrt zu wirken.

Technische Details

• Browser: Getestet in verschiedenen Browsern (Chrome, Firefox, Edge).
• Geräte: Desktop und Laptop.
• Betriebssystem: Windows 10.
• Layout: Top Responsive
• ZP Version: 16.8.6.0

Dieser Darstellungsfehler existiert schon immer. Aufgrund dessen binden wir in dem Layout nur ein externes ZP-Widget ein, was eigentlich nicht sein sollte.
Wir haben nun heute mal wieder den Versuch unternommen, den Programmeigenen Header zu verwenden.

Hinweis: Auf der Website https://www.deerbrands.com ist das externe Header-Widget implementiert. Wir können den Fehler so nicht öffentlich stellen. Daher hoffen wir, dass ZP das Problem nachstellen kann.

Anlage: Screenshots

VG

Mache ich heute Abend.

VG

Zitat von Stefan S

Hallo,

ich konnte das nicht auf Anhieb reproduzieren. Es wäre hilfreich, wenn Sie uns Ihr Projekt auf eine Test-URL veröffentlichen könnten.

header css: zpBreakout.

Zitat von Stefan S

Aha! Also von Haus aus bringt das Layout halt eben keine randlosen Header mit, von daher funktioniert das Layout bestens.

Bitte gehen Sie nicht davon aus, dass CSS-Klassen (die eigentlich nur von uns intern genutzt werden) an jeder Stelle funktionieren.

Wir schauen uns das trotzdem bei Gelegenheit mal an, ob/wie sich randlose Header in diesem Layout realisieren lassen.

Ah okay.... keine Eile... Dann weiss ich Bescheid.

VG