Ergebnis 1 bis 5 von 5

Thema: CSS Problem: Abstand geht nicht weg

  1. #1
    Contao-Nutzer
    Registriert seit
    21.01.2015.
    Beiträge
    60

    Standard CSS Problem: Abstand geht nicht weg

    Hallo,

    irgendwie bekomme ich den Abstand nicht weg. Kann sich das bitte jemand mal anschauen und mir evtl. weiterhelfen.

    Habe das auf dem Bild mal als blaues Rechteck dargestellt.

    Hier die Seite: chipgewinn.de

    Das Problem tritt nur unter Aktuelles auf, auf den restlichen Seiten ist alles i.o.

    Vielen Dank

    balken.jpg

  2. #2
    Community-Moderator & Contao-Urgestein Avatar von derRenner
    Registriert seit
    23.10.2012.
    Ort
    hoRn|waldviertel
    Beiträge
    2.876
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Hallo,

    Code:
    .mod_article .ce_text {
        margin-bottom: 40px;
        background-color: #FFF;
        border-radius: 8px;
    ... dieser Selektor verursacht deinen Abstand
    Grüsse
    Bernhard


  3. #3
    Contao-Nutzer
    Registriert seit
    21.01.2015.
    Beiträge
    60

    Standard

    Hallo,

    den habe ich auch schon gefunden, allerdings wird dieser von den anderen Seiten vererbt.
    Habe schon rausgefunden wenn ich .block overflow: hidden in firebug entferne dann passt es auch.

    Wie bekomme ich diesen weg? Habe aber schon mehrfach gelesen das dieser Style dafür sorgen soll, das alles bei längeren Text nicht zerschossen ausschaut.

    Mfg

  4. #4
    Wandelndes Contao-Lexikon Avatar von tab
    Registriert seit
    22.10.2013.
    Beiträge
    10.089
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Naja, die Newsliste hat die Klasse layout_full und dafür gibts den Style
    HTML-Code:
    .layout_full {
        margin-bottom: 40px;
        background-color: #FFF;
        border-radius: 8px;
    }
    Innen drin ist dann noch
    HTML-Code:
    .mod_article .ce_text {
        margin-bottom: 40px;
        background-color: #FFF;
        border-radius: 8px;
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
            border-bottom-right-radius: 8px;
            border-bottom-left-radius: 8px;
    }
    Dadurch kommt der große weiße Bereich unten zustande, 40px mehr als du vermutlich haben willst. Auf den anderen Seiten brauchst du allerdings den zweiten "margin-bottom, weil der äußere div "layout_full" hier nicht existiert. Da wirst du eventuell die ce_text Elemente unterscheiden müssen, also z.B. den margin-bottom im einen Fall wieder überschreiben mit

    HTML-Code:
    .mod_article .layout_full .ce_text {
        margin-bottom: 0px;
    }

  5. #5
    Contao-Nutzer
    Registriert seit
    21.01.2015.
    Beiträge
    60

    Standard

    Ich kann mich nur wieder bei dir bedanken. Auch diesmal hast die passende Lösung für mich parat gehabt.

    Jetzt passt alles wieder.

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
  •