marctrix: Gestaltung mit Flexbox

Beitrag lesen

Hej Gunnar, @@Henry

Laut Can I use hat IE 11 in Deutschland noch eine Verbreitung von 3.4%. Lohnt es für so wenige Nutzer zusätzlichen Aufwand zu betreiben? Wenn die Antwort „ja“ sein sollte, kann man einen Fallback auf Floats implementieren:

Oder mit der alten Schreibweise, was im vorliegenden Fall helfen dürfte. Oder mit den von Dir, Henry, vorgeschlagenen Techniken Hacks.

Es muss nur klar sein, dass „Deine“ CSS-Basics mehr Aufwand machen, als „meine“ CSS Basics.

CSS Grid ist CSS-Basis-Wissen. Einfacher lassen sich zweidimensionale Layouts nicht umsetzen.

Viel Lernen kann man, wenn man in die Details einsteigen und elegante Lösungen bauen will (das CSS-Grid-Modul ist umfangreich und das zugrunde liegende Konzept zur Aufteilung von verfügbarem Raum mittels der verschiedenen Maßeinheiten sollte man sich vielleicht auf Dauer auch aneignen), z.B. um Layouts zu entwickeln die sich ohne media-queries responsiv verhalten.

Das heißt aber nicht, dass es schwierig wäre erst mal zwei Spalten anzulegen; im Verhältnis 1:1 oder 1:2 oder was immer gewünscht.

Marc

0 93

Gestaltung mit Flexbox

Renato
  • css
  • flexbox
  1. 0
    MrMurphy1
  2. 0
    Gunnar Bittersmann
    • css
    • flexbox
    • grid
    1. -3
      Henry
      1. 1
        Gunnar Bittersmann
        1. -1
          Henry
          1. 0
            Gunnar Bittersmann
            1. 0
              Henry
              1. 0
                Gunnar Bittersmann
                1. 0
                  Henry
                  1. 1
                    Gunnar Bittersmann
                    • css
                    • grid
                    1. 0
                      Tabellenkalk
              2. 0
                Gunnar Bittersmann
                1. -3
                  Henry
                  1. 1

                    "klassisches Tabellenlayout"

                    Regina Schaukrug
                    1. 0
                      Henry
        2. 0
          marctrix
          1. 0
            marctrix
            1. 0
              marctrix
            2. 0
              Matthias Apsel
              • css
              1. 0
                marctrix
                1. 0
                  ottogal
                  1. 0
                    Gunnar Bittersmann
                    1. 0
                      marctrix
                      • css
                      • grid
                      1. 0
                        ottogal
                        1. 0
                          marctrix
                          1. 0
                            Gunnar Bittersmann
                        2. 1
                          Gunnar Bittersmann
            3. 0
              Gunnar Bittersmann
              • css
              • grid
              1. 0
                marctrix
      2. 0
        marctrix
        1. 0
          Henry
          1. 0
            marctrix
            1. 0
              MrMurphy1
            2. 0
              Henry
              1. 0
                marctrix
                1. 0
                  Henry
                  1. 0
                    marctrix
                    1. 0
                      Henry
                      1. 2
                        Christian Kruse
                        1. 0
                          Henry
                          1. 0
                            Christian Kruse
                            1. 0
                              Henry
                              1. 1
                                Christian Kruse
                                1. 0
                                  Henry
                                  1. 0
                                    Christian Kruse
                                    1. 1
                                      marctrix
                                      1. 0
                                        Henry
                                        1. 0
                                          marctrix
                                          1. 1
                                            Henry
                                            1. 0
                                              marctrix
                                              1. 1
                                                MudGuard
                                                1. 0
                                                  marctrix
                                                  1. 0
                                                    MudGuard
                                                    1. 0
                                                      Gunnar Bittersmann
                                                      • menschelei
                                                      1. 0
                                                        MudGuard
                                                        1. 0
                                                          Gunnar Bittersmann
                                                          1. 0
                                                            MudGuard
                                                            1. 0
                                                              Gunnar Bittersmann
                                                    2. 0
                                                      marctrix
                                2. 0
                                  marctrix
                                  • menschelei
                                  • sonstiges
                                  1. 0
                                    Christian Kruse
                                    1. 0
                                      marctrix
                                      1. 1
                                        Christian Kruse
                                        1. 0
                                          marctrix
                                    2. 0

                                      Hardware ...

                                      MudGuard
                                      1. 0
                                        Christian Kruse
                                        1. 0
                                          MudGuard
                                          1. 0
                                            Christian Kruse
                                            1. 0
                                              MudGuard
                                              1. 0
                                                Christian Kruse
                                              2. 0
                                                Gunnar Bittersmann
                                                1. 1
                                                  MudGuard
                                                  1. 0
                                                    Gunnar Bittersmann
                                                    • menschelei
                                    3. 1
                                      Matthias Apsel
                                      1. 1
                                        Christian Kruse
                                        1. 0
                                          Matthias Apsel
                                          1. 0
                                            Christian Kruse
                                            1. 0
                                              Matthias Apsel
                                              1. 0
                                                Christian Kruse
                                                1. 1
                                                  Matthias Apsel
                          2. 0
                            marctrix
                      2. 0
                        marctrix
                        1. 0
                          Henry
                          1. 0
                            marctrix
                            1. 0
                              Henry
                              1. 0
                                marctrix
              2. 0
                marctrix
          2. 0
            Gunnar Bittersmann
            1. 0
              Henry
              1. 0
                Gunnar Bittersmann
                1. 0
                  marctrix
                  1. 1
                    Gunnar Bittersmann