Hallo zusammen,
erst einmal möchte ich mich kurz vorstellen: Ich bin ein emigrierter Schwabe (wie Wolfgang auch gebürtiger Ravensburger...) und lebe in der Südheide. Beruflich hatte ich die letzten 15 Jahre in der IT gearbeitet, doch wenn ich selbst programmiert habe, dann C++. TYPO3 habe ich zusammen mit meiner Frau als Redakteur kennengelernt, seit einigen Jahren versuche ich mich auch als Integrator. Nachdem ich dort im Rahmen einer Homepage für eine Selbsthilfegruppe an meine Grenzen gestoßen bin, habe ich den Kurs von WWagner belegt. Das hat mir sehr viel gebracht, auch wenn mir vor allem noch Grundlagen fehlen. Deshalb meine heutige Frage:
Ich habe einen Content-Block mit Hintergrundbild über die gesamte Ausgabenbreite erstellt, der funktioniert:
<f:layout name = "Default"/>
<f:section name="Header"/>
<f:section name="Main">
<!-- my-content-block Section -->
<div id="my-content-block" class="my-content-block">
<img src="{f:uri.image(image:data.image.0)}" alt="" data-aos="fade-in">
...
Dann kam die Herausforderung, das Hintergrundbild auch über die gesamte Bildschirmbreite darzustellen. Das habe ich in einem separaten Contentblock auch hinbekommen, indem ich einfach die ersten drei Zeilen gelöscht habe:
<!-- my-content-block Section -->
<div id="my-content-block" class="my-content-block">
<img src="{f:uri.image(image:data.image.0)}" alt="" data-aos="fade-in">
Dann wollte ich beide Content-Blocks zusammenführen und mit einer Einstellmöglichkeit für die Ausgabenbreite versehen. Frontend-seitig habe ich das aber nie hinbekommen! Das Grundkonstrukt war wie folgt:
<f:if condition="{data.bgwidth} == wide">
<f:then>
<f:render partial="my-content-block-partial" arguments="{_all}"/>
</f:then>
<f:else>
<f:layout name = "Default"/>
<f:section name="Header"/>
<f:section name="Main">
<f:render partial="my-content-block-partial" arguments="{_all}"/>
</f:section name="Main">
</f:else>
</f:if>
Das hat aber nicht funktioniert! Unabhängig von bgwidth wurde das Hintergrundbild immer nur in der Ausgabenbreite ausgegeben, obwohl die Steuerung mittels bgwidth funktioniert.
Ich habe das Problem gelöst, indem ich anstelle Default / Header / Main einen eigenen Container mit width=66,6% und margin-left=16,7 definiert habe. Trotzdem habe ich nicht verstanden, warum bei der Darstellung der "else-Block" eine Rolle spielt, obwohl die if-condition erfüllt ist. Bei C++ ist das definitiv nicht der Fall 😉
Kann mir jemand weiterhelfen, ggfs. auch auf weiterführende Informationen im Internet hinweisen? Leider kenne ich die Begrifflichkeiten noch zu wenig und weiß deshalb gar nicht, wonach ich eigentlich suchen soll...
Ich danke euch!