Contao-Camp 2024
Ergebnis 1 bis 7 von 7

Thema: Fullwidth Video bei maximaler Höhe vertikal zentrieren

  1. #1
    Contao-Nutzer Avatar von NUI
    Registriert seit
    03.07.2014.
    Ort
    Berlin
    Beiträge
    10

    Standard Fullwidth Video bei maximaler Höhe vertikal zentrieren

    Liebe Community,

    ich versuche angestrengt und erfolglos das Video auf der Startseite vertikal zu zentrieren. Die Breite soll immer 100% betragen, die Höhe 400px. Das vertikale Zentrieren will mir einfach nicht gelingen.

    Für Tipps bin ich sehr dankbar.

    Beste Grüße,
    Alexandra

  2. #2
    Contao-Fan Avatar von lomex
    Registriert seit
    03.07.2009.
    Ort
    Werne
    Beiträge
    791
    User beschenken
    Wunschliste

    Standard

    Vielleicht so?

    height: 400px;
    position: absolute;
    top: 50%;
    margin-top: -200px;
    width: 100%;

  3. #3
    Contao-Nutzer Avatar von NUI
    Registriert seit
    03.07.2014.
    Ort
    Berlin
    Beiträge
    10

    Standard

    Zitat Zitat von lomex Beitrag anzeigen
    Vielleicht so?

    height: 400px;
    position: absolute;
    top: 50%;
    margin-top: -200px;
    width: 100%;
    Hallo lomex,
    danke für deine Antwort. Deine Lösung funktioniert im Ansatz, jedoch passt sich die Breite des Videos dann der Höhe an. Es ist also nicht mehr 100% Browserfenster breit, sondern eben 100% im Verhältnis zu 400px Höhe.

    Final soll es so aussehen wie die Startseite von Paypal. Habe das Beispiel jedoch nicht umsetzen können.

  4. #4
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.803
    Partner-ID
    10107

    Standard

    Link zur Seite?

  5. #5
    Contao-Nutzer Avatar von NUI
    Registriert seit
    03.07.2014.
    Ort
    Berlin
    Beiträge
    10

  6. #6
    Alter Contao-Hase Avatar von kischd
    Registriert seit
    25.06.2009.
    Ort
    Karlsruhe
    Beiträge
    1.106

    Standard

    Auch wenn der Beitrag recht als ist, versuch ich hier mein Glück.
    Ich habe hier das gleiche Problem. Das video oben ist von der Höhe zu größe und ich hätte es gerne vertical zentriert ausgerichtet aber halt noch in der vollen breite.
    Gruß Mark

  7. #7
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.803
    Partner-ID
    10107

    Standard

    Das könntest du mit calc() und vh machen, denke ich.

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •