Ergebnis 1 bis 4 von 4

Thema: Background-color bricht aus dem Titel

  1. #1
    HTML Newbie
    Registriert seit
    05.02.2019
    Beiträge
    2
    Danke
    2
    Bekam 0 mal "Danke" in 0 Postings

    Standard Background-color bricht aus dem Titel

    Hallo Zusammen

    Auf meiner Drupal 8 Seite habe ich ein Problem mit dem CSS. Habe mehrere h2 Titel, welche eine Hintergrundfarbe hat. Beim 2. Titel bricht die Farbe aus und die halbe Seite ist eingefärbt. Habe mit dem Debuger leider nicht den Fahler finden können.

    Box_outsizing.jpg


    Die Elemente sind richtig angeordnet.

    Div_order.jpg

    Die Seite finden Sie hier: https://dev.sbv-fsa.ch/sbv/organisation/leitung

    Vielen Dank für die Hilfe.

  2. #2
    Samurai
    Registriert seit
    23.01.2018
    Ort
    Minden
    Beiträge
    234
    Danke
    0
    Bekam 31 mal "Danke" in 31 Postings

    Standard AW: Background-color bricht aus dem Titel

    Das ist nee interesante Frage. So ganz verstehen tue ich das auch nicht. wenn du der klasse field--label ein display:flex mit geben tust ist alles ok. Nur das ist nur eine schnelle Lösung. Den richtigen Grund warum das so ist bei dir konnte ich auch noch nicht finden. da bin ich ja auch mal gespannt was der richtige Fehler dafür ist und wer ihn findet
    Geändert von basti1012 (05.02.2019 um 22:09 Uhr)

  3. Folgende User finden die Antwort von basti1012 gut:

    sbv

  4. #3
    Meister(in)
    Registriert seit
    27.07.2015
    Ort
    Nordseeküste
    Beiträge
    358
    Danke
    0
    Bekam 78 mal "Danke" in 78 Postings

    Standard AW: Background-color bricht aus dem Titel

    Die Ursache liegt (nach meiner Einschätzung) in den diversen Formatierungen mittels 'float'. Da die 'gefloateten' Elemente quasi aus Textfluss raus genommen sind sind, weiß der Container div.personenabschnitt nicht so recht, wie hoch er eigentlich sein sollte ... bis dann das 'Problem-h2' kommt.
    h2 ohne float in einem div und jede Menge gefloatete Elemente zwischen zwischen dem Anfang des divs und dem h2 ... das könnte es sein...

    Abhilfe:
    HTML-Code:
    .personenabschnitt {
      overflow: hidden;
    }
    Nachtrag:
    Oder besser das Layout auf Flexbox umstellen - damit hat man diese Probleme nicht.
    Geändert von Sailor (05.02.2019 um 21:37 Uhr)
    PHP-Code:
    if(!sleep)
      {
    $sheep++;}
    else
      {
    $status="zzzz";} 

  5. Folgende User finden die Antwort von Sailor gut:

    sbv

  6. #4
    HTML Newbie
    Themenstarter

    Registriert seit
    05.02.2019
    Beiträge
    2
    Danke
    2
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Background-color bricht aus dem Titel

    Habe mein CSS mit overflow: hidden erweitert, funktioniert super.

    Vielen herzlichen Dank.

Ähnliche Themen

  1. Wordpress Titel bricht nicht richtig um in mobiler Ansicht
    Von Shayenna im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 27.07.2016, 18:57
  2. background-position und background-attachment kombinieren
    Von Unregistriert im Forum HTML & CSS Forum
    Antworten: 9
    Letzter Beitrag: 25.04.2012, 19:14
  3. container background-color unsichtbar
    Von nova im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 27.05.2009, 16:35
  4. Farbverlauf als background-color
    Von Tikonteroga im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 28.12.2006, 12:58
  5. color =
    Von phore im Forum Forum-Hilfe.de intern
    Antworten: 23
    Letzter Beitrag: 05.06.2005, 21:48

Stichworte

Berechtigungen

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