Autogrid width Probleme bei same-height

[janineiten]

Hallo zusammen

Ich würde gerne 2 Boxen fullscreen nebeneinander stellen. Die Boxen sollen die gleiche Höhe haben und wie gesagt, randabfallend sein. Sobald ich die Checkbox "same-height" anwähle, werden mir die Boxen nicht mehr 100% breit dargestellt.

Ob beim Modul "Autogrid Start" das Template ce_autogridwrapper_large oder das normale grid ausgewählt wird, spielt dabei keine Rolle.

Der Artikel selbst hat übrigens mod_article_fullwith (eclipse).

Kann mir jemand helfen?

[Tim]

"same-height" erstellt um die Elemente boxen, die entsprechend gleich hoch sind. Du musst das innere Styling ändern bzw. die Hintergrundbilder/farben auf die neuerstellten Boxen anwenden, wenn man mit Farben und Bildern arbeitet.

[janineiten]

Hallo Tim, ich verstehe nicht, was du meinst. Wenn ich "same-height" einstelle, fügt es mir lediglich eine Klasse "same-height" hinzu, nicht aber eine ganze Box? Die Bilder im Anhang zeigen einmal mit und einmal ohne die same-height-einstellung. Was kann ich machen?

[janineiten]

Ich habe gerade gesehen, dass Problem gibt es nur, wenn der Inhalt der einen Box zu wenig breit ist. Was kann ich dagegen tun?

[Tim]

Ähhh ja, habe ich missverständlich ausgedrückt. Das Element wird zu einer flex box. Oft liegen aber farbgebende Elemente verschachtelt in den Elementen. Diese sind dann nicht gleich hoch.
Zeig mal deine Seite hier online, dann kann man es einmal direkt sehen.

[janineiten]

Hallo Tim. Hier erneut das Problem: http://wuerenlingerwein.ch/neu/index...tartseite.html
2 Boxen nebeneinander, beide mit same-height. Leider erstrecken sie sich nicht über 100%. Weisst du, warum?

[Tim]

Erstell das mal mit einem Autogrid-Wrapper um die Elemente, der die Option Gleiche Höhe fährt. Nicht mit Einzelelementen. Die Einzelelemente nur auf one_halb setzen.

[janineiten]

Hallo Tim. Das habe ich gemacht:

Autogrid-Wrapper: volle Breite, same-height, keinen Abstand
- Autogrid-Wrapper 1: 1/2
- Autogrid-Wrapper 2: 1/2

Klappt leider nicht.

[Tim]

Warum zwei Wrapper? Die Elemente innerhalb einfach nur auf AUTO oder one_half setzen. Zur Not kann das auch manuell aufgebaut werden, es muss in jedem Fall die flex-box entstehen im CSS. Die jetzige Variante ist table-cell, das kennt kein 100%.

<div class="autogrid_wrapper same-height">
...
</div>

oder

<div class="autogrid_wrapper">
<div class="inner same-height">
...
</div>
</div>

[janineiten]

Ich habe ja 2 Boxen nebeneinander, welche mit unterschiedlichen Inhaltselemente gefüllt sind. Jede Box muss ich wrappen, nicht? Kannst du mir die Struktur kurz aufzeigen? Ich verstehe es echt nicht. Anbei nochmal mein Aufbau.

[janineiten]

Kann mir jemand helfen? Ich habe das Problem immer wieder. 2 Elemente nebeneinander mit same-height werden nicht mehr 100% breit dargestellt. Ohne same-height schon.

[Tim]

Mit dem oben gezeigten Weg ist es möglich.
Der Weg über einen umschließenden Wrapper ist nur mit einer kleinen CSS Anpassung möglich. (kommt in einer neuen Version).

[janineiten]

Ist es demzufolge im Moment nicht möglich, 2 Wrapperblöcke (mit je unterschiedlichen Elementen) links und rechts zu schalten mit der gleichen Höhe? Dein Beispiel zeigt ja 2 einzelne gefloatete Elemente, was für mich nicht das gleiche ist.

[Tim]

Du kannst anstelle der Texte einsetzen was Du willst, auch weitere Wrapper mit Elementen. Es soll nur den allgemeinen Aufbau zeigen.

[janineiten]

Hallo Tim, es funktioniert auch mit deiner Variante nicht. Hast du mir noch ein Tipp?