Verwendung: Zentrierter Bereich: Anordnung der Elemente unten (statt vertikal zentriert)

D. Truninger's Avatar

D. Truninger

05 Feb, 2019 10:30 AM

Produkt: Oneo Contao
Contao-Version: 4.4x

Wie kann bei definierter Mindesthöhe (z.B. mittel oder schmal) des zentrierten Bereichs die Position von einem Element kalkuliert werden, damit es unten bündig ausgerichtet wird, was ist Ihre Empfehlung? Im Moment geht es um eine Headline-Platzierung, evtl. auch um andere Elemente später …

  1. Support Staff 1 Posted by RockSolid Theme... on 05 Feb, 2019 10:58 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Sie können dem zentrierten Bereich die CSS-Klasse centered-wrapper-bottom zuweisen und folgenden CSS-Code in die Datei files/oneo/css/custom.css einfügen:

    .centered-wrapper.centered-wrapper-bottom {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }
    
  2. 2 Posted by D. Truninger on 06 Feb, 2019 07:13 AM

    D. Truninger's Avatar

    Gute Lösung, herzlichen Dank. Dann haben wir sogar ein «fallback» für ältere Browser, die Flex nicht kennen, wenn global z.B. noch das «vertikal zentrieren» drin ist.

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac