@@Kerstin W. > Wie kann ich erreichen, dass die rechte Spalte nur angezeigt wird, wenn dort Text vorhanden ist. Evtl. mit der [Pseudoklasse `:empty`](https://developer.mozilla.org/en-us/docs/Web/CSS/:empty), siehe [Beispiel](https://codepen.io/gunnarbittersmann/pen/XWNbROZ). Darin ist es ```css section:empty { display: none; } ``` Zu beachten ist, dass dafür das betreffende Element wirklich leer sein muss. Sobald in dem Beispiel in fig. 2 zwischen den Tags `<section id="empty">`{:.language-html} und`</section>`{:.language-html} irgendwas steht – und sei es nur ein Leerzeichen o.a. Whitespace wie bei `<section id="whitespace"> </section>`{:.language-html} in Abbildung 3 –, wirkt `:empty` nicht mehr, weil noch kein Browser das entsprechend der geänderten Spec *Selectors Level 4*{:@en} umsetzt (siehe *Note*{:@en} auf der MDN-Seite). 😷 LLAP -- *“When I was 5 years old, my mother always told me that happiness was the key to life. When I went to school, they asked me what I wanted to be when I grew up. I wrote down ‘happy.’ They told me I didn’t understand the assignment, and I told them they didn’t understand life.”*{:@en} —John Lennon {:@en}

@@Kerstin W. > Wie kann ich erreichen, dass die rechte Spalte nur angezeigt wird, wenn dort Text vorhanden ist. Evtl. mit der [Pseudoklasse `:empty`](https://developer.mozilla.org/en-us/docs/Web/CSS/:empty), siehe [Beispiel](https://codepen.io/gunnarbittersmann/pen/XWNbROZ). Darin ist es ```css section:empty { display: none; } ``` Zu beachten ist, dass dafür das betreffende Element wirklich leer sein muss. Sobald in dem Beispiel in fig. 2 zwischen den Tags `<section id="empty">`{:.language-html} und`</section>`{:.language-html} irgendwas steht – und sei es nur ein Leerzeichen o.a. Whitespace wie bei `<section id="whitespace"> </section>`{:.language-html} in fig. 3 –, wirkt `:empty` nicht mehr, weil noch kein Browser das entsprechend der geänderten Spec *Selectors Level 4*{:@en} umsetzt (siehe *Note*{:@en} auf der MDN-Seite). 😷 LLAP -- *“When I was 5 years old, my mother always told me that happiness was the key to life. When I went to school, they asked me what I wanted to be when I grew up. I wrote down ‘happy.’ They told me I didn’t understand the assignment, and I told them they didn’t understand life.”*{:@en} —John Lennon {:@en}

@@Kerstin W. > Wie kann ich erreichen, dass die rechte Spalte nur angezeigt wird, wenn dort Text vorhanden ist. Evtl. mit der [Pseudoklasse `:empty`](https://developer.mozilla.org/en-us/docs/Web/CSS/:empty), siehe [Beispiel](https://codepen.io/gunnarbittersmann/pen/XWNbROZ). Darin ist es ```css section:empty { display: none; } ``` Zu beachten ist, dass dafür das betreffende Element wirklich leer sein muss. Sobald in dem Beispiel zwischen den Tags `<section id="empty">`{:.language-html} und`</section>`{:.language-html} irgendwas steht – und sei es nur ein Leerzeichen o.a. Whitespace –, wirkt `:empty` nicht mehr, weil noch kein Browser das entsprechend der geänderten Spec *Selectors Level 4*{:@en} umsetzt (siehe *Note*{:@en} auf der MDN-Seite). 😷 LLAP -- *“When I was 5 years old, my mother always told me that happiness was the key to life. When I went to school, they asked me what I wanted to be when I grew up. I wrote down ‘happy.’ They told me I didn’t understand the assignment, and I told them they didn’t understand life.”*{:@en} —John Lennon {:@en}

@@Kerstin W. > Wie kann ich erreichen, dass die rechte Spalte nur angezeigt wird, wenn dort Text vorhanden ist. Evtl. mit der [Pseudoklasse `:empty`](https://developer.mozilla.org/en-us/docs/Web/CSS/:empty), siehe [Beispiel](https://codepen.io/gunnarbittersmann/pen/XWNbROZ). Darin ist es ```css section:empty { display: none; } ``` Zu beachten ist, dass dafür das betreffende Element wirklich leer sein muss. Sobald in dem Beispiel zwischen den Tags `<section id="void">`{:.language-html} und`</section>`{:.language-html} irgendwas steht – und sei es nur ein Leerzeichen o.a. Whitespace –, wirkt `:empty` nicht mehr, weil noch kein Browser das entsprechend der geänderten Spec *Selectors Level 4*{:@en} umsetzt (siehe *Note*{:@en} auf der MDN-Seite). 😷 LLAP -- *“When I was 5 years old, my mother always told me that happiness was the key to life. When I went to school, they asked me what I wanted to be when I grew up. I wrote down ‘happy.’ They told me I didn’t understand the assignment, and I told them they didn’t understand life.”*{:@en} —John Lennon {:@en}

@@Kerstin W. > Wie kann ich erreichen, dass die rechte Spalte nur angezeigt wird, wenn dort Text vorhanden ist. Evtl. mit der [Pseudoklasse `:empty`](https://developer.mozilla.org/en-us/docs/Web/CSS/:empty), siehe [Beispiel](https://codepen.io/gunnarbittersmann/pen/XWNbROZ). Zu beachten ist, dass dafür das betreffende Element wirklich leer sein muss. Sobald in dem Beispiel zwischen den Tags `<section id="void">`{:.language-html} und`</section>`{:.language-html} irgendwas steht – und sei es nur ein Leerzeichen o.a. Whitespace –, wirkt `:empty` nicht mehr, weil noch kein Browser das entsprechend der geänderten Spec *Selectors Level 4*{:@en} umsetzt (siehe *Note*{:@en} auf der MDN-Seite). 😷 LLAP -- *“When I was 5 years old, my mother always told me that happiness was the key to life. When I went to school, they asked me what I wanted to be when I grew up. I wrote down ‘happy.’ They told me I didn’t understand the assignment, and I told them they didn’t understand life.”*{:@en} —John Lennon {:@en}