Dreispaltiges Layout

[Matthias Scharwies]

Servus!

Hallo,
in wiki.self... habe ich folgendes gefunden.

@media (min-width: 32em)  {	/* zweispaltiges Layout für mittlere Viewports */ 
  nav {
    float: left;
    width: 15em;
  }
 ...
}

zu Anfang dieses Tutorials steht:

Die hier vorgestellte Positionierung mit float ist heute eher unüblich. Stand der Technik ist eine Umsetzung mit Flexbox oder dem Grid Layout:

Wie kann ich erreichen, dass die rechte Spalte nur angezeigt wird, wenn dort Text vorhanden ist.

Ein JavaScript könnte überprüfen, ob das dritte Element einen Textinhalt hat und es dann entsprechend ein- oder ausblenden. Würde ich nicht machen.

Wnn du nur Fließtext hast, würde ich den einfach runterlaufen lassen und evtl. bei mehr Platz mit columns mehrspaltig anordnen:

• CSS/Tutorials/Typografie/Spalten

Wenn Du mehrere Elemente nebeneinander anordnen willst, würde ich grid nehmen:

• CSS/Tutorials/Grid/Grid-Items

Herzliche Grüße

Matthias Scharwies