2-spaltiges Inhaltselement mit Flexbox

Servus zusammen,

ich habe das Problem, dass ich einen Text und ein Foto als Flexbox in den Inhaltsbereich einbauen möchte und das ich inhaltlich immer wieder leicht mittels dem TinyMCE im Modul "Artikel" änder kann. Ist das möglich und wenn ja, wie? Die Rocksolid Columns sind mir hier nicht ausreichend, da es Probleme mit den unterschiedlichen unteren Abständen gibt und ich eine elegante Methode möchte.

Ich habe dazu ein Modul entworfen, das fast funktioniert, aber es lassen sich eben im Modul "Artikel" keine Texte eintragen und das Foto lässt sich auch nicht daneben darstellen. Weiß hier jemand Rat? Stehe da echt auf dem Schlauch; vielen Dank.

VG
Schneetiger

Hallo,
vielleicht bin ich hier alleine, aber ich verstehe deine Anforderung nicht ganz - möglicherweise auch durch die Begrifflichkeiten, die ich nicht zuordnen kann ... kommen im Backend wohl nicht so vor, wie du sie verwendest.

Skizze? Oder bessere Erklärung?

Falls es um zwei Spalten geht, die die gleichen Höhen, unabhängig vom Inhalt haben sollen, dann hilft dir CSS weiter

Hallo Bernhard,

danke für Deine Antwort. Nun, es geht um das Modul "ce_text", in das du Text und Foto einarbeiten kannst. Das mit dem CSS ist mir schon klar, doch ich hatte mir gedacht eine Flexbox-Lösung zu schaffen, das "ce_text" (linke Spalte) und "image" (rechte Spalte) umschliesst und dann mittels TinyMCE inhaltlich jederzeit bearbeitet werden kann (siehe Anhang):

Anhang 25271.

Aber wie es scheint, ist so was schwierig oder gar nicht umzusetzen, zumindest nicht ohne größere Programmierkenntnisse und eine evtl. bessere Möglichkeit bestünde in der Verwendung der Rocksolid Custom Elements, was natürlich entsprechende Kenntnisse voraussetzt...oder, die von Dir vorgeschlagene Lösung mit..CSS-Anpassungen.

VG
Schneetiger

Code:

---

.flexbox {
  display: flex;

  // Ensure content elements fill up the .column
  .element {
    height: 100%;
  }
}

---

Danke Lucina,

ich probier das mal aus; sollte ja machbar sein, wie ich sehe.

VG
Schneetiger

Problem mit CSS gelöst; danke.