marctrix: Eine frage an die Profis...

Beitrag lesen

Hej Gunnar,

Hier geht es um Erklärung, nicht um die Umsetzung eines bekannten Layouts.

Eines. Nicht aller möglichen.

Nein, nicht um eins. Genau genommen um gar keins. Es geht nur darum, grid-areas zu erklären.

Es lohnt sich sicher, dass in weiteren Blogeinträgen zu besprechen.

Ein Blogbeitrag sollte in sich abgeschlossen sein, nicht durch andere ergänzt/korrigiert werden müssen. Also ein konkretes Thema behandeln, hier ein konkretes Layout – ein dreispaltiges.

Du hast einfach das Thema nicht verstanden, Das lautet nämlich nicht dreispaltiges Layout, sondern grid-areas. 😉

Das halte ich für abschließend erklärt und keiner Korrektur bedürftig.

Weitere Artikel würden andere Aspekte und Möglichkeiten von CSS Grid vorstellen, zum Beispiel wie man Elemente mit Angabe der Linien platziert — auch wie sich Elemente dann eine Area teilen könne und wie man dann stapelt.

Was auch immer. Jedenfalls wird es wieder ein kleiner Happen sein und nur einen Aspekt behandeln, damit es leicht verständlich bleibt und schnell gelesen wird. Niemand hat Lust auf lange Texte!

Ein dreispaltiges Layout mit einem achtspaltigen Grid zu implementieren halte ich nicht für sinnvoll. Also auch nicht für erwähnenswert. Es sei denn mit deutlichem Hinweis „So nicht!“

Vieles an dem Artikel ist so wie es ist aus didaktischen Gründen nicht anders gemacht.

Ich hatte überlegt so einen Satz wie den folgenden einzubauen:

Für ein einfaches dreispaltiges Layout reicht das auch aus und da man seinen Code so einfach wie möglich halten sollte, solltest du es auch bei diesem Code belassen, wenn du damit hinkommst.

Ich fürchte aber, dass dann viele den Rest nicht mehr lesen, der einem weitere Möglichkeiten eröffnet. Nämlich auf einer zweiten Zeile vier Spalten zu erzeugen. Das geht mit deinem dreispaltigen Grid nicht.

Ich habe das aber nicht vorgemacht, denn das Prinzip wird in diesem Artikel bereits klar und weitere Beispiele würden nur verwirren. der Artikel sollte so einfach wie möglich sein. Ich hoffe, danach weiß man, wie man grid-areas anlegt und wird schon aus Faulheit nicht mehr Spalten erzeugen, als nötig.

Ich habe seht großes Vertrauen in die Bequemlichkeit der Menschen!

Marc

0 83

Eine frage an die Profis...

liberwinter
  • css
  • design/layout
  • html
  1. 2
    Rolf B
    1. 0
      liberwinter
      1. 1
        Rolf B
        1. 0
          liebewinter
          1. 0

            Der Div element ist nicht Leer

            liebewinter
            1. 0
              Rolf B
              1. 0
                Gunnar Bittersmann
                • css
                • design/layout
                • grid
          2. 0
            Rolf B
            1. 1
              Gunnar Bittersmann
              1. 0
                Rolf B
                1. 0
                  Gunnar Bittersmann
            2. 0
              liebewinter
    2. 1
      Gunnar Bittersmann
      • html
      1. 0
        Rolf B
        1. 0
          Gunnar Bittersmann
          1. 0
            Rolf B
    3. 0
      marctrix
      1. 1
        Gunnar Bittersmann
        1. 1
          Tabellenkalk
          • menschelei
          • sonstiges
  2. 1
    marctrix
    1. 0

      @Marc

      liebewinter
      1. 0
        marctrix
        1. 0
          liebewinter
          1. 0
            marctrix
            1. 0
              liebewinter
              1. 1
                Rolf B
                1. 0
                  liebewinter
                  1. 0
                    marctrix
                    1. 0
                      liebewinter
                      1. 0
                        marctrix
                        1. 0
                          liebewinter
                          1. 0
                            marctrix
                            1. 1
                              MudGuard
                              1. 0
                                marctrix
                            2. 1
                              Rolf B
                              1. 0
                                marctrix
                              2. 1
                                Gunnar Bittersmann
                                1. 0
                                  Rolf B
                                  1. 0
                                    JürgenB
                              3. 0
                                liebewinter
                            3. 0
                              liebewinter
                              1. 0
                                marctrix
                                1. 0
                                  liebewinter
                                  1. 1
                                    Tabellenkalk
                                    1. 0
                                      liebewinter
                                      1. 0
                                        marctrix
                                        1. 1
                                          liebewinter
                                          1. 0
                                            marctrix
                                          2. 0
                                            Tabellenkalk
                                            • design/layout
                                            • recht
                                            1. 1
                                              Gunnar Bittersmann
                                              1. 0

                                                OT: Menschenrechte

                                                Tabellenkalk
                                                • recht
                                                • sonstiges
                                              2. 0
                                                Matthias Apsel
                                                • recht
                                      2. 1
                                        Rolf B
                                        1. 0
                                          liebewinter
                                          1. 1
                                            Rolf B
                                            1. 1
                                              liebewinter
                                              1. 0
                                                marctrix
                                                1. 0
                                                  liebewinter
                                          2. 0
                                            marctrix
                                            1. 0
                                              Rolf B
                                            2. 0
                                              liebewinter
                                              1. 0
                                                marctrix
                                              2. 0
                                                Rolf B
                                                1. 0
                                                  liebewinter
                                                  1. 0
                                                    marctrix
                                                    1. 0
                                                      liebewinter
                                                  2. 0
                                                    Rolf B
                                                    1. 0
                                                      Gunnar Bittersmann
                                                2. 0
                                                  liebewinter
                            4. 0
                              liebewinter
                              1. 0
                                marctrix
                                1. 0
                                  liebewinter
                                  1. 1
                                    Tabellenkalk
                                    1. 0
                                      marctrix
                                      1. 0
                                        Tabellenkalk
                                        1. 0
                                          marctrix
                                      2. 0
                                        liebewinter
                            5. 0
                              liebewinter
    2. 1
      Gunnar Bittersmann
      • css
      • design/layout
      1. 0
        marctrix
        1. 0
          Gunnar Bittersmann
          1. 1
            marctrix