Hallo zusammen,
ich habe ein Problem mit einem zweispaltigen Flexbox-Layout, das bis letzte Woche fehlerfrei funktionierte.
Das Problem:
Auf einer Fragebogenseite binde ich per PHP/HTML einen Flexbox-Container ein, der zwei Fragen (SF01 und RF01) nebeneinander in zwei Spalten darstellen soll. Seit kurzem stehen die Spalten jedoch plötzlich untereinander, der Container bricht also ungewollt um (flex-wrap), obwohl ausreichend Platz vorhanden ist.
Wichtig:
- An meinem PHP/HTML-Code wurde nichts verändert.
An den Inhalten der Fragen (SF01/RF01) wurde nichts geändert.
Die globalen Fragebogen-Layout-Einstellungen sind unverändert.
Mein Monitor ist sehr breit und bietet definitiv genug Platz.
So sieht es jetzt aus:
Die beiden Fragen standen eigentlich ursprünglich nebeneinander. Ich habe keinen Screenshot von damals, kann aber mit diesem Bild zeigen, wie es ungefähr aussah:
Ich meine, dass am Sonntag (24.5.26) noch alles in Ordnung war und sich die Darstellung am daraufolgenden Tag verändert hat.
Hier der betroffene Code:
// HTML: Tab öffnen und linke Spalte starten
html('
<div id="tab2" class="tab-panel">
<p><b>Bitte kreuzen Sie ‚liegt vor‘ an, wenn ein Merkmal aus Ihrer Sicht zutrifft. Sie haben auch die Möglichkeit, ‚nicht bekannt‘ (n.b.) anzukreuzen, wenn Sie keine Informationen dazu haben.</b></p>
<div style="display: flex; flex-wrap: wrap; gap: 0 50px;">
<div style="flex: 1 1 400px; min-width: 320px;">
');
// FRAGE: Schutzfaktoren einblenden
question('SF01');
// HTML: Linke Spalte schließen, rechte Spalte starten
html('
</div>
<div style="flex: 1 1 400px; min-width: 320px;">
');
// FRAGE: Risikofaktoren einblenden
question('RF01');
// HTML: Rechte Spalte, Flexbox und Tab schließen
html('
</div>
</div>
</div>
');