grid mit image

[Fred]

Hallo Rolf,

Das kann man vermutlich irgendwie heilen, aber ich glaube, es ist einfacher, wenn man das h1 Element für die Dauer der Einmessung auf display:inline-block umschaltet, captionElement auf das h1 Element zeigen lässt und auf den span verzichtet. Das nachstehende Beispiel verwendet eine Mindestgröße von 0.5em.

function scaleCaption(containerElement, captionElement)
{
	if (!captionElement.initialWidth)
	{
		captionElement.style.fontSize = '1em';
		captionElement.style.whiteSpace = 'nowrap';
		captionElement.style.display = 'inline-block';
		captionElement.initialWidth = captionElement.offsetWidth;
		captionElement.style.display = '';
		captionElement.style.whiteSpace = '';
	}
	
	var scale = containerElement.offsetWidth / captionElement.initialWidth;
  captionElement.style.fontSize = Math.max(0.5, scale) + 'em';
}

Ich habe dies jetzt mal im Test-03 eingebaut, sieht doch gut aus 😃
Ich habe nur dieses geändert: captionElement.style.fontSize = '1.1em';

Nochmals vielen Dank, ich mache gleich den PC aus und vor Montag nicht wieder an.

Gruß
Fred