Auswahlgruppen mit Checkboxen

[Gunnar Bittersmann]

@@Hubert Burböck

http://www.lrs-legasthenie.at/MGLtest/lesen_test1.html

„MS-IE 10 und IE 11 kann mit den style-Funktionen "grid" nichts anfangen.“

Das ist so nicht richtig. Selbstverständlich können IE 10 und 11 Grid; schließlich stammt Grid ja ursprünglich von Microsoft.

Was IE 10 und 11 nicht können: automatische Anordnung der Elemente im Grid.

„Es werden daher alle Bilder untereinander angeordnet.“

Warum? Es ist ein leichtes, einen Fallback mit Floats zur Verfügung zu stellen, wenn die Items dieselbe Höhe haben:

#themen::after /* clearfix */
{
	display: block;
	clear: both;
	content: '';
}


#themen li
{
	width: 10em;
	float: left;
}

@supports (display: grid)
{
	#themen
	{
		display: grid;
		grid-template-columns: repeat(auto-fill,minmax(10em, 1fr));
	}

	#themen::after
	{
		content: none;
	}

	#themen li
	{
		width: auto;
	}
}

Ich hab hier #themen in den Selektoren verwendet, damit das nicht auf andere möglicherweise vorhandene Listen wirkt.

Und ist das wirklich eine geordnete Liste ol, wo es auf die Reihenfolge ankommt? Oder ist es eine ungeordnete Liste, sollte also in HTML ul sein?

LLAP 🖖