Footer-Inhalt wird im Layout „Campfire Responsive“ nicht angezeigt

Hallo Zeta-Producer-Support-Team,

bei meinem aktuellen Projekt habe ich einen individuellen HTML/CSS-Footer hinterlegt, bei dem es im Layout Campfire Responsive zu einem Rendering-Problem kommt.

Problembeschreibung:

• Wenn das Layout Campfire Responsive aktiv ist, bleibt der Footer-Bereich im Bearbeiten-Modus, im Design-Modus und in der Live-Vorschau komplett leer. Der Inhalt wird in diesem Layout ausschließlich im Wireframe-Modus sowie in der Tabellenansicht (F8) angezeigt.
• Wichtige Erkenntnis: Wechsle ich das Layout testweise auf Locus Responsive, wird der Footer in allen Ansichten (inkl. Live-Vorschau) absolut fehlerfrei und top angezeigt. Der Code an sich funktioniert also.

Der Footer-Inhalt umfasst ca. 5.000 Zeichen und besteht aus einem <style>-Block, einem <footer>-Tag, einem Grid-Layout, Icon-Links sowie internen oid://page/-Verlinkungen.

Fragen an den Support:

• Gibt es im Layout Campfire Responsive eine spezifische CSS-Kollision, eine Begrenzung oder eine Container-Struktur im Footer-Bereich, die das Rendern dieses Codes blockiert?
• Wie kann ich der Ursache innerhalb des Campfire-Layouts am besten auf den Grund gehen, um den Footer auch dort zum Laufen zu bringen?

Vielen Dank für Ihre Unterstützung!

AWS (Armin)

Hallo Steffen,

ich konnte das Problem mittlerweile eingrenzen und lösen. Es lag wohl tatsächlich an einer CSS- bzw. Rendering-Kollision, die exakt so nur innerhalb des Campfire-Layouts im Browser auftritt. Das Template blendet den Footer aus, komprimiert ihn auf 0px Höhe oder lässt ihn durch andere Container überlagern.

Wichtiger Hinweis dazu: Ich nutze Footer dieser Art in fast all meinen Projekten und hatte bei anderen responsive Layouts in Zeta Producer noch nie Probleme damit. Dass der Code fehlerfrei ist, hat ja auch der Test mit dem Locus-Layout gezeigt.

Ich musste den Footer nun im CSS mit folgenden expliziten Anweisungen zur Sichtbarkeit zwingen, damit er im Campfire-Layout ordnungsgemäß im Browser gerendert wird:

display: block !important; visibility: visible !important; opacity: 1 !important; min-height: 200px !important; position: relative !important; z-index: 99999 !important; clear: both !important;

Vielleicht hilft euch dieser Hinweis, um die Container-Struktur oder die Standard-CSS-Eigenschaften des Campfire-Templates bei einem zukünftigen Update mal zu überprüfen.

Ich arbeite mit Zeta Producer V17.2

Freundliche Grüße, Armin

Hallo Stefan,

das ist wirklich sehr seltsam. Die Option „Footer anzeigen“ ist bei mir im Design-Modus natürlich aktiviert – sonst hätte der Footer ja nach dem Layout-Wechsel auf Locus oder durch meinen CSS-Fix auch nicht plötzlich auftauchen können.

Ich bin beim Testen exakt wie folgt vorgegangen:

1. Ich habe in Zeta Producer ein komplett neues Projekt angelegt.
2. Als Vorlage habe ich gezielt das Beispiel layouts/campfire-responsive-modelagentur/ ausgewählt.
3. Danach habe ich angefangen, den Header, den Content und schließlich meinen individuellen Footer über ein HTML-Quelltext-Widget einzubauen.

Und genau in dieser Konstellation blieb der Footer im Browser komplett unsichtbar. Erst als ich die Zwangsbefehle in mein CSS eingebaut habe, war er da.

Liegt es vielleicht speziell an dieser Beispielvorlage der Modelagentur oder an einer CSS-Kollision mit den dortigen Demodaten? Ich weiß es ehrlich gesagt nicht, aber vielleicht hilft euch dieser genaue Ablauf ja beim Nachstellen.

Viele Grüße, Armin

OK. Danke für die Bemühungen. Durch den Zwangscode mit ! Important geht es jetzt ja. Da suche ich auch nicht mehr weiter

Grüße

Armin