Grid im Self-Wiki

[Gunnar Bittersmann]

@@marctrix

Ich bin total genervt davon, dass es nirgends Beispiele gibt, die auch im IE/Edge bis Version 15 funktionieren.

Ich hab mal die -ms--Dingens zu einem Beispiel hinzugefügt.

Das scheint mir oft mit einem erheblichen Mehraufwand verbunden zu sein, was Aussagen wie "geht mit 5 Zeilen Code" ad absurdum führt.

Naja, so erheblich ist der Aufwand nun auch wieder nicht:

Zu display: grid gesellt sich display: -ms-grid; versteht sich von selbst.

grid-template-columns heißt -ms-grid-columns.

Was bei -ms- wohl^[1] nicht geht: benannte Rasterlinien/Felder (obwohl im WD vom 2011-04-07 vorgesehen).

Was man wohl auch tun muss: Den Items die Zeile per -ms-grid-row zuweisen; das geschieht bei IE/Edge wohl noch nicht automatisch.

Die Deklaration der Zeilen mit -ms-row-columns: auto[4] ist allerdings nicht erforderlich.

PS: Ich lasse mich gerne eines besseren belehren!

Bist du?

Was bei -ms- allerdings noch nicht geht: auto-fill. Solch ein flexibles Grid wäre im IE/Edge noch nicht möglich.

LLAP 🖖

---

1. „wohl“ meint: es ist mir bei meinen Versuchen nicht gelungen und ich habe im MSDN nicht anderweitiges gefunden ↩︎