var: Layout mit flex-box

Beitrag lesen

Hallo Matthias

Danke für die Antwort, aber wirklich weiterhelfen tut es nicht, zumal ich mir die Beispiele nun schon so oft angesehen habe, aber offenbar einfach zu dumm bin um sie wirklich zu verstehen, geschweige denn die Funktionsweise von flex-box im Allgemeinen...

Jedenfalls das mit meinen 50 bzw 90 Prozent max-width kann ich mir ohnehin an den Hut stecken, da der Inhalt in diesem Fall beim Überschreiten der per @media gesetzten Grenze lustig hin und her hüpft.

Überhaupt ist es wohl keine gute Idee das <body> Element als Rahmen zu verwenden - und wenn ich doch wieder schachteln muss, kann ich's ja auch gleich auf die Altbewährte machen (ob ich nun einen Rahmen um alles ziehe oder nur um <nav> und <main> und denen float: left und float: right mitgebe plus Einheitsbreite in Prozent für die <body> Kindelemente, schenkt sich ja eher nichts).

Denke, ich lasse das daher mit dem Menü links und packe es gleich unter den <header>.

Ich gebe sonst nicht so leicht auf, aber ehrlich, das hier ist einfach Frust pur! Ich dachte flex-box würde die Sache erleichtern, aber genau das Gegenteil ist der Fall! - Zumindest für mich.

Trotzdem danke!

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