’sup: Design Umsetzung

Beitrag lesen

Hi,

Außerdem möglich: display: table; (Codepen).

Als ich noch den IE8 (und älter) unterstützen musste, habe ich das öfters angewendet. Ich hatte immer den Eindruck, es sei etwas robuster als display: inline-block; und Floats. Das fehlende Umbrechen der Spalten war nie wirklich ein Problem, weil die Layouts damals sowieso fixe Breite hatten.

Der verlinkte Pen hat schon ein Enhancement von display: table; zu display: flex;. Um den Containern unterschiedliche Breiten zu geben, wollte ich eigentlich noch display: grid; draufsetzen. Da Bernd jetzt aber lieber Bootstrap verwendet, spare ich mir die Arbeit …

0 56

Design Umsetzung

Bernd
  • css
  • html
  1. 0
    beatovich
    1. -1
      Bernd
      1. 0

        Erledigt: Design Umsetzung

        Bernd
      2. 0
        Gunnar Bittersmann
        1. 0
          Bernd
          • meinung
          1. 0
            Gunnar Bittersmann
            1. 0
              Bernd
              1. 1
                Gunnar Bittersmann
                1. -1
                  Bernd
                  1. 0
                    marctrix
                  2. 0
                    Gunnar Bittersmann
                    1. -2
                      Bernd
                      1. 0
                        Gunnar Bittersmann
                        1. 0
                          Bernd
                          1. 1
                            Gunnar Bittersmann
                            1. 0
                              Bernd
                              1. 0
                                Gunnar Bittersmann
                                1. 0
                                  Bernd
                                  1. 0
                                    Gunnar Bittersmann
                                    1. 0
                                      Bernd
                                    2. 0
                                      beatovich
                                      1. 0
                                        Gunnar Bittersmann
                                        1. 0
                                          beatovich
                                          1. 0
                                            Gunnar Bittersmann
                          2. 0
                            marctrix
              2. 5
                ’sup
                1. 0
                  Bernd
              3. 3
                marctrix
                1. 1
                  Gunnar Bittersmann
                  1. 2
                    ’sup
                    1. 0
                      Bernd
                      1. 1
                        ’sup
                        1. 0
                          Bernd
                          1. 0
                            ’sup
                            1. 0
                              Bernd
                              1. 0
                                beatovich
                                1. 0
                                  Bernd
                                  1. 0
                                    beatovich
                                    1. 0

                                      Design Umsetzung @supports (display: grid)

                                      Bernd
                                      • css
                                      1. 0
                                        beatovich
                                        1. 0
                                          Bernd
                                          1. 0
                                            beatovich
                                            1. 0
                                              marctrix
                                              1. 0
                                                Gunnar Bittersmann
                                              2. 0
                                                beatovich
        2. 0
          beatovich
          1. 1
            Gunnar Bittersmann
            1. 0
              beatovich
              1. 0
                Gunnar Bittersmann
                1. 0
                  beatovich
                  1. 0
                    Auge
                    1. 0
                      beatovich
                      1. 0
                        marctrix
                      2. 0
                        Auge
  2. 0
    marctrix