Gunnar Bittersmann: Dreispaltiges Layout

Beitrag lesen

@@Kerstin W.

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

Evtl. mit der Pseudoklasse :empty, siehe Beispiel. Darin ist es

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"> und</section> irgendwas steht – und sei es nur ein Leerzeichen o.a. Whitespace wie bei
<section id="whitespace"> </section> in Abbildung 3 –,
wirkt :empty nicht mehr, weil noch kein Browser das entsprechend der geänderten Spec Selectors Level 4 umsetzt (siehe Note 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.” —John Lennon