Ergebnis 1 bis 3 von 3

Thema: Hilfe bei Hintergrundbild - Automatische Größenanpassung

  1. #1
    Contao-Nutzer
    Registriert seit
    28.03.2014.
    Beiträge
    116

    Standard Hilfe bei Hintergrundbild - Automatische Größenanpassung

    Hallo an alle !
    Ich habe ein kleines Problem mit der Anpassung eines Hintergrundbildes. Ich habe im Header hinter dem Menü ein Bild einfach mittels einer CSS Klasse (Formatdefinition) angelegt. Sieht auch schön aus - solange meine Fensterbreite die des Bildes ist. Sobald ich das Bild - das Browserfenster - verkleinere oder vergrößere wird das Bild entweder abgeschnitten oder wiederholt, ich will aber das das Bild gestreckt / gestaucht wird.
    Ich dachte das geht über den Befehl:
    HTML-Code:
    background-size: cover;
    Unter Hintergrundwiederholung hab ich auch "no-repeat" ausgewählt.
    Den hab ich bei "Eigenen Code" unten bei der Formatdefinition eingefügt.
    Kann mir jemand sagen wir ich das mit dem Strecken / Stauchen machen kann?

    LG
    AndyCon

  2. #2
    Contao-Fan Avatar von fusch
    Registriert seit
    25.03.2012.
    Ort
    München
    Beiträge
    498
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Hallo Andy,
    wenn es gestreckt oder gestaucht werden soll, dann müsstest Du es mit
    Code:
    background-size: 100%;
    versuchen.
    siehe auch: https://developer.mozilla.org/de/doc...ackground-size

    Gruß
    Hella
    Mitglied des Contao User Treffen München
    Aktuelle Termine erfährst Du immer unter www.contao-bayern.de
    Komm' doch mal vorbei!

  3. #3
    Contao-Nutzer
    Registriert seit
    28.03.2014.
    Beiträge
    116

    Standard

    Hey,
    danke für die Antwort. Das hatte ich auch probiert. Peinlicherweise muss ich gestehen, dass ich an der falschen Formatdefinition gearbeitet habe (eine alte mit dem gleichen Bild die nicht benutzt wird).
    Naja. Ich hab es jetzt mit:
    HTML-Code:
    background-size: 100% 100%;
    gelöst.

    Lg

Aktive Benutzer

Aktive Benutzer

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

Berechtigungen

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