1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

fixed Header im Hintergrund?

Dieses Thema im Forum "Design" wurde erstellt von igebot, 9. Oktober 2016.

Schlagworte:
  1. igebot

    igebot Member

    Registriert seit:
    9. Oktober 2015
    Beiträge:
    11
    Zustimmungen:
    0
    Hallo Forum,

    ich möchte meinen Header gerne auf position:fixed; setzen. Doch wenn ich dies tue, dann ist er im Hintergrund fixed und alle Beiträge sind darüber. Ich finde den Fehler nicht..

    Kann mir bitte jmd. helfen?
    Vielen Dank für jede Hilfe:)

    Mein CSS: http://www.fun-sprueche.de/wp-content/themes/fs-theme/style.css?ver=4.4.5

    Header:
    .header1{ width:100%; position:fixed;}

    .header-background{
    padding: 15px;
    background: #263238;
    box-shadow: 0px 2px 6px #7d7d7d;}
    .blog-title a {
    display: table;
    padding: 0px 13px;
    //border: 3px solid #fff;
    font-size: 30px;
    line-height: 150%;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #fff;
    margin: 0 auto;}

    .fb{
    float: right;
    padding: 20px 15px 15px 15px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 30px;
    text-align:center;
    color:#fff;
    height: 75px;}


    Header richtig:

    header_richtig.png

    Header falsch:
    header_falsch.jpg
     
  2. helix

    helix Well-Known Member

    Registriert seit:
    28. Juli 2011
    Beiträge:
    1.808
    Zustimmungen:
    27
    Gib dem Header außer position: fixed; auch noch einen z-index. Wert kommt drauf an, was in deinem Theme vielleicht noch mit z-index nach vorne geholt ist.

    Gruß
    helix
     
  3. igebot

    igebot Member

    Registriert seit:
    9. Oktober 2015
    Beiträge:
    11
    Zustimmungen:
    0
    Vielen Dank helix für Deine Antwort:) Mit z-index hat es endlich funktioniert. Doch es ist noch nicht perfekt. Die Posts sind nun unter dem Header und er klebt nicht am obersten Bildschirmrand, sondern ist 10px darunter. Grund dafür ist margin von .content. Wenn ich das jedoch auf Null setze, so rutschen alle Posts noch weiter nach oben und ein Teil davon ist, dann unter dem Header versteckt. Hast du eine Idee, wie ich das lösen kann? :)
     
  4. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.361
    Zustimmungen:
    427
    Versuche es beim Header noch mit top:0;
     
  5. igebot

    igebot Member

    Registriert seit:
    9. Oktober 2015
    Beiträge:
    11
    Zustimmungen:
    0
    Vielen Dank SirEctor :) So funktioniert es endlich. Nur noch ein bisschen an der margin von content schrauben und dann sieht es perfekt aus. :)
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden