Höhenangaben - werde ich das jemals verstehen?

[Rolf B]

Hallo Gunnar,

eigentlich nicht. Das ist nur eine verschwurbelte Tarnung für

figure {
	--image-max-height: 90vh;
	position: relative;
}

figure img {
	height: var(--image-max-height);
	width: auto;
}

figcaption {
	margin-top: 0.5em;
}

also genau das, was ich vermeiden wollte und was auch schon Martl vorschlug. Nur ohne custom property.

Offenbar habe ich meine Motivation unvollständig erläutert.

Ich möchte nicht auf eine einzeilige figcaption angewiesen sein. Sie könnte mehrzeilig sein, und ist dann höher. Das img soll dann automatisch kleiner werden. Deswegen dachte ich an ein Grid mit Row-Template auto 1fr. Oder an eine Flexbox mit flex:0 0 auto für die Caption und flex:1 0 1em (oder so) für das img (oder ein div wo das img drinsteckt).

Geht das schlichtweg nicht? Will ich etwas, wofür die aktuellen Layoutmodelle nicht vorgesehen sind?

Die Background-Idee von Martl muss ich noch ausprobieren, bin aber grundsätzlich nicht davon überzeugt, dass das semantisch korrekt ist.

Rolf