Fehler Header Responsive

Servus,

Seit dem Update auf 16.4. ist beim o. g. Layout die Headerdarstellung responsive fehlerhaft.

Es ist auch kein kopiertes Layout.

URL: https://www.paulmeek.de

Die Bilder werden nicht mehr angepasst. Bei kleinerer Bildschirmdarstellung (u. a. Smartphones) verschwindet die Schrift im unteren abgeschnittenen Bild.

Beim Vergrößern wieder auf dem Desktop ist die Darstellung auch hinüber.

VG Mirco

Zitat von Stefan S

@DEERBRANDS nutzen Sie wirklich noch 16.4 oder war das ein Tippfehler?

Nein die aktuelle Version.

Aber das Problem ist schon länger seit 16.4.

Zitat von Stefan S

Der Fehler ist per Online-Update für Version 16.5 behoben. In frühestens 30 Minuten auf "Extras > Updates suchen" klicken und nachdem Inhalte geladen wurden (Hinweis unten rechts) die Tastenkombination STRG-SHIFT-T drücken. Danach ggf. veröffentlichen.

Hat funktioniert. Besten Dank!

Zitat von Stefan S

@DEERBRANDS nutzen Sie wirklich noch 16.4 oder war das ein Tippfehler?

Grüß Gott,

der gleiche Fehler ist beim Layout: * Layout: Top Responsive $Id: default.html 2022-06-21 13:31:16 +0200 Stefan S b783691aa5de61d0142ab29862f7cdef01cc3b55 $

LG

Zitat von Stefan S

Wenn ich die Startseite auf paulmeek.de lade, und ein breites Browserfenster nutze, werden die Headerbilder als schmale Streifen angezeigt.

Wenn ich dann das Browserfenster schmaler mache, werden ab einer bestimmten Breite die Bilder eher quadratisch dargestellt.

Ich verstehe daher nicht, was genau mit "Bilder werden nicht mehr angepasst" gemeint ist.

Genau so

Zitat von Stefan S

@DEERBRANDS Was bedeutet nun "Genau so"? Bitte helfen Sie mir doch etwas, ich weiß, Sie haben wenig Zeit, aber da geht es mir ähnlich.

Bedeutet "Genau so", dass Sie das skalieren auf ein quadratisches Format für einen Fehler halten, oder wie darf ich das verstehen. Wenn Sie mir etwas genauer beschreiben, wie die fehlerhafte Darstellung aussieht und wie Ihrer Meinung nach die korrekte Darstellung aussehen sollte, kann ich das Problem ggf. verstehen.

Bisher verstehe ich es nicht, denn in Flat-Responsive, wurde meiner Meinung nach immer schon auf das quadratische Format skaliert.

Das Verhalten aus Screenshot 1 (https://community.zeta-producer.com/wcf/attachment/12899-error2-jpg/) kann ich auch nur nachvollziehen, wenn ich in Chrome sehr schnell das Fenster von Schmal auf Breit ziehe. Meinen Sie das ggf. mit "nicht mehr angepasst"? Also dass mehrere Headerbilder nach ändern der Größe des Browser-Fensters ggf. nebeneinander sichtbar sind?

Anbei ein Video. Das betrifft beide Layouts:

Top Responsive

Flat Responsive.

Das verhält sich so bei allen Browsern.

Das selber Problem hatte ich schon mal gepostet im März, da konnte man mir auch nicht helfen, lass einfach den Header weg und nimm vielleicht ein Widget mit derselben Funktion vom Mario, die gehen meistens auch So habe ich es gemacht.

Dies war damals wo ich mit dem Programm angefangen habe zu arbeiten, die ersten Probleme Fehler Slider und Header

Gruß Markus

Zitat von GYMWAVE.de

Das selber Problem hatte ich schon mal gepostet im März, da konnte man mir auch nicht helfen, lass einfach den Header weg und nimm vielleicht ein Widget mit derselben Funktion vom Mario, die gehen meistens auch So habe ich es gemacht.

Dies war damals wo ich mit dem Programm angefangen habe zu arbeiten, die ersten Probleme Fehler Slider und Header

Gruß Markus

Das kann aber nicht Sinn und Zweck sein.

LG Mirco

@DEERBRANDS Ja das ist mir schon klar - ich habe mir damals schon gedacht das nur ich das Problem habe und es an mir liegt, aber auch mit einem neuen Layout war dasselbe Problem, und Zeta müsste doch in der Lage sein das zu Beheben.

Lg zurück

Zitat von Stefan S

Ich bin das nun angegangen, kann es aber beim besten Willen bisher nicht willentlich reproduzieren. Auf der paulmeekseite bekomme ich den Fehler hin und wieder reproduziert, wenn ich in Chrome das Fenster schnell von schmal auf breit ziehe. Allerdings kann ich dort beim Drehen eines iPhone 13mini fon Hoch- auf Querformat keinen Fehler sehen.

Hier mein Testprojekt anhand dessen ich den Fehler versuche zu fixen:

https://headerfehler.zeta-producer.com/index.html

Kann jemand von Euch da den Fehler mit den mehreren, nebeneinander dargestellten Headerbildern provozieren?

Sie brauchen keine Zeit mehr darin investieren. Dies ist eh mein letzter Beitrag.

In dem Sinne, alles Gute!

Hallo möchte mich hier kurz Einklinken, Stefan S die Seite von Dir funktioniert bei mir jetzt auch einwandfrei.

Trotzdem muss ich aber den Mirco recht geben, das seine Seite den Fehler hat, sowie ich im März auch. Der Fehler ist bei mir immer noch, sobald ich den Header oder Slider einfüge.

PS: Persönlich gesehen, sind diese 2 Widgets nicht bedeutend für mich, weil ich ein Bild genauso verwenden könnte, in diesem Fall benutze ich das Widget Animation Slider vom Mario.

Wenn aber Zeta Kunden darauf angewiesen sind, ist es schon wichtig das alles soweit funktioniert.

Jetzt ist mir doch noch was aufgefallen, ich arbeite ja mit dem Top Responsive - evtl. mit diesem Layout Probieren ob dort der Fehler auch kommt

Gruß Markus

Hallo Stefan S Ich konnte es wieder Nachstellen.

Neues Layout Top Responsive - Slider mit 2 Bildern eingefügt - Hängt wieder

Zitat von Stefan S

@undweg wie kommen Sie darauf, dass wir das ausschließlich für Sie verbessern möchten?

Ihnen auch alles Gute. Was immer Sie so verärgert hat.

Was mich sichtlich verärgert hat ist die unverschämte Bezeichnung Ihres Support Hanabi, dass ich zur sogenannten, definierten Kategorie 3 gehöre.

Ich habe NIE behauptet, dass Sie ausschließlich für mich es verbessern. Ich habe das Thema hier aufgemacht und für mich hat sich das erledigt.

ich habe hier nichts zu suchen in diesem Forum. Ganz einfach! In dem Sinne alles Gute!

Ok, dann muss ich es nochmal kurz erstellen, mit Lighthouse hat das eigentlich nichts zu tun. Ich habe nur auf F12 gedrückt um hin und her zu schieben. Gebe Sie mir mal 10 Minuten, da mache ich es nochmal schnell fertig als Beispiel

Hallo Stefan S anbei die Zip

Bei uns auch Eilt nicht. Schönen Feiertag!

Danke Stefan S , dann kann ich in auch bei Gelegenheit wieder verwenden.

Zitat von Stefan S

Ja. Funktioniert es nun bei Ihnen auch wieder Problemlos? Konnten Sie schon testen?

Vielen Dank, es funktioniert bei dem Layout jetzt.

Das gleiche Anpassungs-Problem ist noch mit dem Layout Top Responsive.

Das gleiche Anpassungs-Problem ist noch mit dem Widget Slider.

VG

Zitat von Stefan S

BZW: im Projekt nach dem Update STRG-SHIFT-T drücken.

Ja und nein. Den Fehler im Header haben Sie nur mit "Animation Einblenden" behoben. Nicht aber bei der Animation "Einfahren". Das betrifft beide Layouts.

               {
                    "Einfahren": "slide"
                },
                {
                    "Einblenden": "fade"
                }

VG

Zitat von Stefan S

Der Fix reinitialisiert die Header 400ms nachdem sich die Fenster/-Bildschirmgröße geändert hat. Ggf. dauert die Animation länger?

Das kann ich mir gerne nochmal genauer ansehen, dazu müssten Sie mir aber genau erklären, wie ich das nachstellen kann, also:

• was ist betroffen, Header oder Slider, oder beides (ich vermute nur der Slider, denn einen Header kann man m.E. nicht animieren)?
• welche Animation weise ich dem Header oder Slider zu
• wie wird der Header animiert, per Container-, Reihen- Oder Spalten-Einstellung (Darstellungs-Optionen)?
• wie provozieren Sie den Fehler, welche Größe hat das Fenster initial, wie weit scrollen Sie das Dokument und wie/wann vergrößern Sie das Fenster?

Punkt 1:

Den Header kann man sehr wohl animieren. Anbei ein Foto von Ihrem Programm!

Wie o. b. der "Header" und unter Einstellungen kann man zwischen "Einblenden" oder "Einfahren" wechseln.

Sie haben den Fehler behoben, wenn der Header mit "Einblenden" eingestellt ist. Der Fehler existiert noch, wenn der Header auf "Einfahren" eingestellt ist.

Animationen unter "Darstellungen" sind hier nicht berücksichtigt.

Punkt 2: Es gibt nur zwei Animationen (Effekt). Ich schrieb "Einfahren".

Punkt 3: Gar nichts davon

Punkt 4:

Das spielt keine Rolle, bei jedem Breakpoint, wenn man es so nennen will, passiert der Fehler. Egal welche Größe das Fenster hat.

Sie können das nachstellen, wenn Sie einen Header einfügen mit ein paar Bildern und die Animation auf "Einfahren" stellen.

VG