Roter Sand: feststehender header

Ich habe nur lckenhafte html- und css-Kenntnisse.

Ich möchte erreichen, daß der header feststehend bleibt, während der body mit Text usw. nach oben gescrollt wird. Z-index 10 hat im header-grid nicht funktioniert. Typik

Das angehängte Bild zeigt die Typik.

  1. Servus!

    Ich habe nur lckenhafte html- und css-Kenntnisse.

    Ich möchte erreichen, daß der header feststehend bleibt, während der body mit Text usw. nach oben gescrollt wird. Z-index 10 hat im header-grid nicht funktioniert.

    Das angehängte Bild zeigt die Typik.

    Was hast du probiert?

    Wo kann man Dein Beispiel sehen?

    Warum online-Beispiele besser als das Posten von Code sind!

    Ohne dies können wir nur spekulieren.

    Herzliche Grüße

    Matthias Scharwies

    --
    Ich habe heute rausgefunden, dass in das Pizzafach meines Rucksacks auch ein Laptop passt!
  2. Hallo,

    … lckenhafte … 😀

    https://wiki.selfhtml.org/wiki/CSS/Tutorials/Ausrichtung/position#position:_sticky könnte helfen.

    Gruß
    Jürgen

    1. @@JürgenB

      https://wiki.selfhtml.org/wiki/CSS/Tutorials/Ausrichtung/position#position:_sticky könnte helfen.

      Nein, das allein ist eher schädlich als dass es hilft. Bei Tastaturnavigation kann so das fokussierte Element durch den Header verdeckt sein. Beim Anspringen seiteninterner Links ist deren Beginn durch den Header verdeckt.

      Beides sollte vermieden werden, indem man scroll-padding-top auf die Höhe des Headers setzt. Da man diese i.a.R. nicht kennen kann, muss sie mit JavaScript ermittelt werden – initial[1] und bei Änderungen der Höhe, letzteres am besten mit ResizeObserver.[2] Die Übergabe erfolgt dann vorzugsweise über eine custom property.

      Zu sehen, wo nie ein Mensch zuvor gewesen ist.

      🖖 Живіть довго і процвітайте

      --
      Ad astra per aspera

      1. https://forum.selfhtml.org/self/2023/feb/26/array-findlast-in-php/1806712#m1806712 ff. ↩︎

      2. https://forum.selfhtml.org/self/2022/mar/06/strange-rendering-bug-im-firefox/1797318#m1797318 unterm Strich ↩︎

      1. "Schön zu sehen, wo ich nie gewesen bin." 😀

        Ich werde mir die links mal ansehen, wird wohl eine Nummer zu groß für mich werden.

        Erst einmal ein Danke für Deine Antwort; auch an die anderen.

      2. Gud'n Abend![1]

        Ich habe Gunnars Warnung mal als {{Beachten|...}} im Wiki notiert.

        Herzliche Grüße

        Matthias Scharwies

        --

        --
        Jemand interessiert? Ein Freund von uns will zum Forumstreffen, und hat bereits Hotelübernachtungen gebucht.
        Er hat vergessen, dass er im gleichen Zeitraum auch heiratet.
        Also für Interessierte: Du könntest am 25. November um 14 Uhr im Rathaus von Hannover heiraten.
        Ihr Name ist Sandra.

        1. Kennt ihr das noch von den Mainzelmännchen - als alle Mainstream-öffentlich-rechtliche geguckt haben. ↩︎