Auge: Unverständnis von CSS-Eigenschaften; Hintergrund der aktiven Navigationsauswahl ändern

Beitrag lesen

problematische Seite

Hallo

Wenn eine Website so kurz ist, dass sämtlicher Inhalt auf eine Bildschirmhöhe passt, wird im Firefox (von dem kenne ich das Verhalten)

?? Von anderen Browsern nicht?

Das wollte ich damit nicht sagen. Ich kenne dieses Verhalten vom Firefox am besten und längsten, da ich ihn und seine Vorgänger seit mehr als 20 Jahren als Standardbrowser nutze. Um das Problem zu beschreiben, das mit scrollbar-gutter gelöst werden kann, reicht das Verhalten eines Browsers, in dem das prinzipiell nachweisbar ist, meiner Meinung nach aus. Holgers Problem war ja, dass er nicht nachvollziehen konnte, was überhaupt das Problem ist. Wir, die wir uns seit den Zeiten von Netscape/Mozilla Suite und Internet Explorer [1] damit herumschlagen, können deiner Beschreibung folgen. Jemand, der erst heute in das Thema einsteigt, wird damit nicht sogleich in Berührung kommen.

Auf macOS verhalten sich Safari, Firefox und Chromia identisch: Bei nicht überlagernder Scrollbar (Systemeinstellungen > Erscheinungsbild > Rollbalken einblenden: immer) springt der Inhalt beim Seitenwechsel horizontal, wenn man von einer Seite mit wenig Inhalt (keine Scrollbar) zu einer mit viel Inhalt (mit Scrollbar) oder andersrum wechselt (beim Default scrollbar-gutter: auto).

Auf meinem Notebook mit Ubuntu Mate (Mate 1.26.0) werden die Scrollbars überlagernd angezeigt [2], daher springt dort nix [3]. Allerdings kann das auf anderen Linux-Desktops ganz anders sein. In Windows 10 kann ich das erst nächstes Jahr testen. Dort stehen mir Firefox, Chrome und Edge zur Verfügung.

Das Verhalten hat doch eher mit dem jeweiligen Betriebssystem zu tun als mit dem verwendeten Browser‽ Oder ist das auf anderen Betriebssystemen anders? (Browser haben vom OS abweichende Einstellungen für Scrollbars?)

Ich kann mich erinnern, im Firefox per about:config an der Darstellung der Scrollbars schrauben zu können.

Tschö, Auge

--
„Habe ich mir das nur eingebildet, oder kann der kleine Hund wirklich sprechen?“ fragte Schnapper. „Er behauptet, nicht dazu imstande zu sein“ erwiderte Victor. Schnapper zögerte (…) „Nun …“ sagte er schließlich, „ich schätze, er muss es am besten wissen.“ Terry Prattchett, Voll im Bilde

  1. Der IE hatte das Problem ja nicht, weil er auch bei nicht benötigter Scrollbar den dafür vorgesehenen Platz dafür vorhielt. Daher war es in früheren Zeiten immer der Netscape, Mozilla Suite oder Firefox, zu dem hier im Forum die diesbezüglichen Fragen gestellt wurden. ↩︎

  2. was ich auf einem Desktop, den ich vorwiegend mit der Maus bediene, fürchterlich finde, zumal es keine Buttons zum scrollen gibt (am Anfang und Ende der Scrollbar) und ein Klick in den Bereich der Scrollbar (ober- und unterhalb) an den angeklickten Punkt springt, statt seitenweise weitzerzuspringen. ↩︎

  3. Nicht im Firefox und nicht im Vivaldi, den ich als Chrome-basierten Zweitbrowser nutze. ↩︎

0 117

Unverständnis von CSS-Eigenschaften; Hintergrund der aktiven Navigationsauswahl ändern

HTML_go
  • javascript
  1. 0
    Rolf B
    1. 0
      HTML_go
  2. 0
    Auge
    • css
    • html
    1. 0
      Rolf B
      1. 0
        Auge
        1. 0
          Gunnar Bittersmann
          • html
      2. 0

        Navigations-Tutorial im SELF-Wiki

        Matthias Scharwies
        1. 0
          Gunnar Bittersmann
          • aria
          • html
          • ux
        2. 0
          HTML_go
          1. 0
            Auge
      3. 0
        Gunnar Bittersmann
        • begriff
        • html
    2. 0
      Gunnar Bittersmann
      • css
    3. 0
      HTML_go
      1. 0
        Auge
        1. 0
          Gunnar Bittersmann
          • html
  3. 0
    Gunnar Bittersmann
    • css
    • html
    1. 0
      HTML_go
      1. 0
        Gunnar Bittersmann
        1. 0
          Matthias Scharwies
        2. 0
          HTML_go
          1. 0
            Gunnar Bittersmann
            • grafik
            • suchmaschinen
            • typografie
            1. 0
              Rolf B
              1. 0
                Gunnar Bittersmann
                • grafik
            2. 0
              HTML_go
            3. 0
              HTML_go
              1. 0
                Gunnar Bittersmann
                • css
                • grafik
                • typografie
                1. 0
                  HTML_go
                  1. 0

                    Logo als SVG

                    Matthias Scharwies
                    1. 0
                      HTML_go
                      1. 0
                        HTML_go
                  2. 0
                    Gunnar Bittersmann
                    • grafik
                    1. 0
                      Rolf B
                      1. 0
                        HTML_go
                      2. 0
                        Gunnar Bittersmann
                        • menschelei
                        1. 0
                          MudGuard
                    2. 0
                      HTML_go
                      1. 0
                        Gunnar Bittersmann
                        1. 0
                          HTML_go
              2. 0
                HTML_go
                1. 0

                  ein Projekt nach Prioritäten sortieren

                  Matthias Scharwies
                  1. 0
                    HTML_go
                    1. 0
                      Auge
                      1. 0
                        HTML_go
                        1. 0
                          Auge
            4. 0
              HTML_go
              1. 0
                HTML_go
                1. 0
                  HTML_go
                  1. 0
                    Gunnar Bittersmann
                    • css
                    1. 0
                      HTML_go
                2. 0
                  Gunnar Bittersmann
                  • css
                  • font
                  • typografie
                  1. 0
                    HTML_go
                    1. 0
                      HTML_go
                      1. 0

                        Begriffe lokal, google-Fonts

                        Matthias Scharwies
                        1. 0
                          HTML_go
                          1. 0
                            Matthias Scharwies
                            1. 0
                              Rolf B
                              1. 0
                                Matthias Scharwies
                            2. 0
                              HTML_go
                        2. 0
                          Gunnar Bittersmann
                          • css
                          • font
                          1. 0
                            Gunnar Bittersmann
      2. 0
        Rolf B
      3. 0
        Auge
        1. 0
          HTML_go
          1. 0
            Auge
            1. 0
              Gunnar Bittersmann
              • css
            2. 0
              HTML_go
              1. 0
                Gunnar Bittersmann
                • css
                • font
                • html
                1. 0
                  HTML_go
  4. 0
    Rolf B
    1. 0
      HTML_go
      1. 0
        Gunnar Bittersmann
        • css
        1. 0
          HTML_go
        2. 0
          HTML_go
          • browser
          • css
    2. 1
      Gunnar Bittersmann
      • css
      1. 0
        Rolf B
        1. 0
          HTML_go
      2. 0
        Auge
      3. 0
        Gunnar Bittersmann
      4. 0
        HTML_go
        1. 0
          Auge
          • browser
          • css
          1. 0
            Gunnar Bittersmann
            1. 0
              Auge
              1. 0
                Gunnar Bittersmann
        2. 0
          Gunnar Bittersmann
          1. 0
            HTML_go
            1. 0
              Gunnar Bittersmann
              1. 0
                HTML_go
  5. 0
    Gunnar Bittersmann
    • barrierefreiheit
    • html
    • performance
    1. 0
      HTML_go
    2. 0
      HTML_go
      1. 0
        HTML_go
        1. 0
          Rolf B
          1. 0
            HTML_go
            1. 0
              Gunnar Bittersmann
              • markdown
              • zu diesem forum
              1. 0
                HTML_go
      2. 0
        HTML_go
      3. 0
        Gunnar Bittersmann
        • html
        • performance
        • typografie
        1. 0
          HTML_go
          1. 0
            Gunnar Bittersmann
            • css
            • html
            • typografie
            1. 0
              HTML_go
              1. 0
                Rolf B
                1. 0
                  HTML_go
                  1. 0
                    Rolf B
                    1. 0
                      Gunnar Bittersmann
                      • css
                  2. 0
                    Tabellenkalk
                    1. 0
                      Gunnar Bittersmann
                      • css
                      1. 0

                        Fehler im verlinkten Adventkalenderartikel

                        Auge
                        • adventskalender
                        • php
                        1. 0
                          Rolf B
                          1. 0
                            Matthias Scharwies
                            • adventskalender
                            • php
                            • sonstiges
                            1. 0
                              Rolf B
                              1. 0
                                Matthias Scharwies
                    2. 0
                      HTML_go
                2. 0
                  Gunnar Bittersmann
                  • inclusive design
                  1. 0
                    Gunnar Bittersmann
    3. 0
      Gunnar Bittersmann
      • star trek
      • typografie
      1. 0
        Gunnar Bittersmann