MrMurphy1: Flexboxen

Beitrag lesen

Hallo

Ich habe mein Beispiel mal überarbeitet.

So wie du dir das wünscht wird es nicht ganz funktionieren.

weil Boxe zwei nur gerade so breit sein muss, damit sie alle dazugehörenden Links untereinander darstellen kann.

Flexbox reagiert leider nicht sehr "harmonisch" auf den Inhalt von Containern, den Flex-Items. Wenn Flexbox selbst bestimmen kann richtet es sich im Endeffekt nach dem jeweils längsten Wort. So werden Container mit viel Inhalt, aber nur kurzen Worten, eng zusammengeschoben, Container mit wenig Inhalt aber einem langen Wort bleiben breiter. Das sieht häufig bescheuert aus.

Deshalb sollte zunächst der Inhalt einer Webseite erstellt werden und anschließend das Layout. Grade bei Flexbox werden Webseitenersteller immer wieder unangenehm überrascht wenn sie kurze Beispieltexte, häufig auch noch den gleichen in vielen Containern, durch realen Inhalt ersetzen.

Von daher lasse ich Flexbox in der Breite nicht so viele Freiheiten wie möglich sind.

Überdies könnte meine Vorstellung von drei Rubriken nebeneinander eher Wunschdenken sein

Nein, da hatte ich dich falsch verstanden. Ich dachte, dass die Links innerhalb der Container nebeneinander stehen sollen. Das wird schnell unübersichtlich.

Kacheln und Cards bleiben auch übersichtlich wenn mehr als zwei in einer Reihe stehen. Das finde ich dann auch ok.

Gruss

MrMurphy

0 58

Flexboxen

delbor
  • css
  1. 0
    MrMurphy1
    1. 0
      Gunnar Bittersmann
    2. 0
      delbor
      1. 0
        Gunnar Bittersmann
        • css
        • flexbox
        1. 0
          delbor
          1. 0
            MrMurphy1
            1. 1
              Gunnar Bittersmann
              • zu diesem forum
              1. 0
                delbor
                • css
                • flexbox
                1. 0
                  MrMurphy1
                  1. 0
                    delbor
                    1. 0
                      Gunnar Bittersmann
                      1. 0
                        delbor
                      2. 1
                        Tabellenkalk
                        • menschelei
                        1. 0
                          Gunnar Bittersmann
                          1. 0
                            Tabellenkalk
                    2. 0
                      marctrix
                      1. 0
                        delbor
                        1. 0
                          marctrix
                2. 0
                  Gunnar Bittersmann
                  • zu diesem forum
                  1. 0
                    delbor
            2. 0
              marctrix
              1. 1
                Matthias Apsel
                • zu diesem forum
        2. 0
          Gunnar Bittersmann
  2. 0
    delbor
    1. 0
      MrMurphy1
      1. 0
        delbor
        1. 0
          Der Martin
    2. 0
      Gunnar Bittersmann
      1. 0
        delbor
        1. 0
          MrMurphy1
      2. 0
        Gunnar Bittersmann
    3. 0
      Matthias Apsel
      1. 0
        delbor
        1. 0
          MrMurphy1
          1. 0
            delbor
            1. 0
              MrMurphy1
              1. 0
                delbor
                1. 0
                  Der Martin
              2. 0
                Gunnar Bittersmann
        2. 0
          Matthias Apsel
          1. 0
            Gunnar Bittersmann
            1. 0
              Matthias Apsel
              1. 0
                Gunnar Bittersmann
                • html
                1. 0
                  Matthias Apsel
          2. 0
            delbor
            1. 0
              Gunnar Bittersmann
              1. 0
                Matthias Apsel
                1. 0
                  Gunnar Bittersmann
                  • sonstiges
                  1. 0
                    Der Martin
                    1. 0
                      Gunnar Bittersmann
    4. 0
      delbor
      1. 0
        Der Martin
        1. 0
          delbor
          1. 0
            delbor
            1. 0
              Der Martin
              1. 1
                Matthias Apsel
            2. 0
              Tabellenkalk