Ergebnis 1 bis 3 von 3

Thema: CSS Position / Elemente andocken, kein mitscrollen

  1. #1
    Contao-Nutzer
    Registriert seit
    16.07.2012.
    Beiträge
    43

    Standard CSS Position / Elemente andocken, kein mitscrollen

    Hi Leute,

    ich habe drei Buttons an der rechten Seite von der Webseite angedockt.
    Hierfür benutze ich in CSS die position: fixed;.
    Mit fixed finde ich allerdings keine Möglichkeit, dass die Buttons stehen bleiben und nicht mit der Seite mitscrollen, da die Buttons sonst bei zu geringer Seitenbreite den Inhalt überdecken.

    Mit absolute oder relative bekomme ich die Buttons rechts nicht angedockt.

    Jemand einen Tipp für mich? Ist es möglich dies mit CSS zu realisieren?

    Webseite:
    Link

    CSS-Datei der Buttons:
    Link entfernt, da Datei verschoben

    Buttons sind momentan nur in der Desktop-Ansicht (min. 1200px) sichtbar.


    Beste Grüße
    Ronnie
    Geändert von toyclown (08.09.2020 um 12:13 Uhr)

  2. #2
    Contao-Fan
    Registriert seit
    10.08.2011.
    Ort
    Berlin
    Beiträge
    828

    Standard

    Mach doch oberhalb des #wrapper einen custom Bereich und leg die Buttons dann dort hinein mit position:absolute right:0; sind die dann auch rechts angedockt.

    Deine gesamte Kostruktion steht dem im Weg wie Du es jetzt hast.
    Du hast ja über den container den Bereich begrenzt, das mache ich immer anders , nämlich über ein angepasstes mod_article template.
    Dann hab ich eines mit der container-fluid Klasse und eines mit der begrenzenden container Klasse und kann bei Bedarf wechseln
    Du müsstest dann auch nicht den Slider mit der Prozentangabe auf volle Breite zwingen

  3. #3
    Contao-Nutzer
    Registriert seit
    16.07.2012.
    Beiträge
    43

    Standard

    Hat geklappt, vielen Dank für deine Antwort!
    Habe jetzt alles was nicht in den Inhaltsbereich gehört ins Template verschoben.
    Hatte irgendwie nicht an diese Lösung gedacht, übe Webdesign seit längerem nicht mehr Vollzeit aus.


    Gruß
    Ronnie

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
  •