var: "flex-basis: auto" war der Übeltäter!

Beitrag lesen

Servus!

Hallo Matthias!

Sollte hier noch ein Fallback für den Fall bereitgestellt werden, dass flex-box vom Browser nicht unterstützt wird? - Oder würdet ihr sagen, das ist entbehrlich? - Und falls nein, wie könnte man das am besten umsetzen?

Ich glaube, dass das nicht mehr nötig ist. Laut browser-statistik.de surfen nur noch 10% mit dem IE, davon über 70% mit Version 11. Das wird sich in den nächsten Monaten weiter verbessern.

Ja, auch laut caniuse.com sieht die Unterstützung recht gut aus, wobei dieser Quelle zur Folge knapp 13% der in Deutschland verwendeten Browser flex-box nur mit Präfix unterstützen, weshalb es wohl gut wäre, vor die Standardeigenschaft jeweils noch eine Version mit -ms- und -webkit- zu setzen.

Ich muss allerdings sagen, dass ich solchen Statistiken nicht wirklich hundertprozentig traue, denn im realen Leben scheinen mir doch noch eine ganze Menge Leute antiquierte Browser zu benutzen (insbesondere uralte IE), auch wenn dieser Eindruck natürlich nicht repräsentativ ist. ;-)

Als Fallback hast du ja dein semantisch klares HTML, das untereinander angeordnet ist und die Inhalte präsentiert.

Naja, das schon, aber hübsch anzusehen wäre es trotzdem nicht mehr. In meinem letzten Thread zum Thema <main role="main"> hatte Matthias Apsel mir empfohlen mit <!--[if lt IE9]> ... <![endif]--> ein Script nachzuladen. Vielleicht könnte man auf diese Art ja auch ein alternatives Kurz-Stylesheet laden (all zu viele Elemente sind ja nicht betroffen), für IE < 10?

Wobei mich übrigens interessieren würde, ob die Formulierung [if lt IE9] sich nur auf den IE9 oder auf alle IE < 10 bezieht.

Würde das funktionieren?

Dank und Gruß,

var

0 45

Layout mit flex-box

var
  • css
  • design/layout
  1. 0
    Matthias Scharwies
    1. 0
      var
      1. 0
        Matthias Scharwies
  2. 0
    Gunnar Bittersmann
    1. 1
      Gunnar Bittersmann
      1. 0
        Gunnar Bittersmann
        1. 0
          juli
          • browser
          • css
          • design/layout
          1. 0
            Matthias Scharwies
            1. 0

              Layout mit flex-box, zeig doch mal bitte vollständig

              juli
              • browser
              • css
              • zu diesem forum
              1. 0
                Gunnar Bittersmann
                1. 0

                  URI oder URL

                  dedlfix
                  • internet
                  1. 0
                    Gunnar Bittersmann
                    1. 0
                      dedlfix
                      1. 0
                        Gunnar Bittersmann
                    2. 0
                      Matthias Apsel
      2. 0
        juni
        1. 0
          Matthias Scharwies
    2. 0
      var
      1. 0
        Matthias Apsel
        1. 0
          var
          1. 0
            Matthias Apsel
          2. 0
            Gunnar Bittersmann
            • zu diesem forum
            1. 0
              var
      2. 0
        Gunnar Bittersmann
        • css
        • html
        1. 0
          var
      3. 0

        "flex-basis: auto" war der Übeltäter!

        var
        1. 0
          Matthias Scharwies
          1. 0
            var
            1. 0
              Tabellenkalk
            2. 1
              Matthias Apsel
              1. 0
                var
              2. 0

                Conditional Comment sinnlos

                var
                1. 0
                  Matthias Scharwies
                  1. 0
                    Matthias Scharwies
                    1. 0
                      var
                      1. 0
                        Gunnar Bittersmann
                        • browser
                        • css
                2. 1
                  Gunnar Bittersmann
                  • barrierefreiheit
                  • css
                  • html
                  1. 0
                    Gunnar Bittersmann
                    • barrierefreiheit
                    • html
                    1. 0
                      var
                      1. -2
                        MrMurphy1
                        1. 0
                          Gunnar Bittersmann
                          • css
                          • html
                          1. 0
                            Matthias Apsel
            3. 0
              Matthias Scharwies
          2. 0
            Gunnar Bittersmann