Grid im Self-Wiki
bearbeitet von
@@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](https://codepen.io/gunnarbittersmann/pen/xrRmQe) 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[^wohl] nicht geht: benannte Rasterlinien/Felder (obwohl [im WD vom 2011-04-07](https://www.w3.org/TR/2011/WD-css3-grid-layout-20110407/#grid-named-grid-lines) 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: `autofill`. Solch ein [flexibles Grid](https://codepen.io/gunnarbittersmann/pen/qXqEgX) wäre im IE/Edge noch nicht möglich.
[^wohl]: „wohl“ meint: es ist mir bei meinen Versuchen nicht gelungen und ich habe im MSDN nicht anderweitiges gefunden
LLAP 🖖
--
“When UX doesn’t consider *all* users, shouldn’t it be known as ‘*Some* User Experience’ or... SUX? #a11y” —[Billy Gregory](https://twitter.com/thebillygregory/status/552466012713783297)
Grid im Self-Wiki
bearbeitet von
@@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](https://codepen.io/gunnarbittersmann/pen/xrRmQe) 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 nicht geht: benannte Rasterlinien/Felder (obwohl [im WD vom 2011-04-07](https://www.w3.org/TR/2011/WD-css3-grid-layout-20110407/#grid-named-grid-lines) vorgesehen).
Was man wohl auch tun muss: Den Items die Zeile per `-ms-grid-row` zuweisen; das geschieht bei IE/Edge 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: `autofill`. Solch ein [flexibles Grid](https://codepen.io/gunnarbittersmann/pen/qXqEgX) wäre im IE/Edge noch nicht möglich.
LLAP 🖖
--
“When UX doesn’t consider *all* users, shouldn’t it be known as ‘*Some* User Experience’ or... SUX? #a11y” —[Billy Gregory](https://twitter.com/thebillygregory/status/552466012713783297)
Grid im Self-Wiki
bearbeitet von
@@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](https://codepen.io/gunnarbittersmann/pen/xrRmQe) 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-` nicht geht: benannte Rasterlinien/Felder (obwohl [im WD vom 2011-04-07](https://www.w3.org/TR/2011/WD-css3-grid-layout-20110407/#grid-named-grid-lines) vorgesehen).
Was man auch tun muss: Den Items die Zeile per `-ms-grid-row` zuweisen; das geschieht bei IE/Edge 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: `autofill`. Solch ein [flexibles Grid](https://codepen.io/gunnarbittersmann/pen/qXqEgX) wäre im IE/Edge noch nicht möglich.
LLAP 🖖
--
“When UX doesn’t consider *all* users, shouldn’t it be known as ‘*Some* User Experience’ or... SUX? #a11y” —[Billy Gregory](https://twitter.com/thebillygregory/status/552466012713783297)
Grid im Self-Wiki
bearbeitet von
@@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 Beipiel](https://codepen.io/gunnarbittersmann/pen/xrRmQe) 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-` nicht geht: benannte Rasterlinien/Felder (obwohl [im WD vom 2011-04-07](https://www.w3.org/TR/2011/WD-css3-grid-layout-20110407/#grid-named-grid-lines) vorgesehen).
Was man auch tun muss: Den Items die Zeile per `-ms-grid-row` zuweisen; das geschieht bei IE/Edge 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: `autofill`. Solch ein [flexibles Grid](https://codepen.io/gunnarbittersmann/pen/qXqEgX) wäre im IE/Edge noch nicht möglich.
LLAP 🖖
--
“When UX doesn’t consider *all* users, shouldn’t it be known as ‘*Some* User Experience’ or... SUX? #a11y” —[Billy Gregory](https://twitter.com/thebillygregory/status/552466012713783297)
Grid im Self-Wiki
bearbeitet von
@@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 Beipiel](https://codepen.io/gunnarbittersmann/pen/xrRmQe) 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-` nicht geht: benannte Rasterlinien/Felder (obwohl [im WD vom 2011-04-07](https://www.w3.org/TR/2011/WD-css3-grid-layout-20110407/#grid-named-grid-lines) vorgesehen).
Was man auch tun muss: Den Items die Zeile per `-ms-grid-row` zuweisen; das geschieht bei IE/Edge 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: `autofill`. [Solch ein flexibles Grid](https://codepen.io/gunnarbittersmann/pen/qXqEgX) wäre im IE/Edge noch nicht möglich.
LLAP 🖖
--
“When UX doesn’t consider *all* users, shouldn’t it be known as ‘*Some* User Experience’ or... SUX? #a11y” —[Billy Gregory](https://twitter.com/thebillygregory/status/552466012713783297)
Grid im Self-Wiki
bearbeitet von
@@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 Beipiel](https://codepen.io/gunnarbittersmann/pen/xrRmQe) 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-` nicht geht: benannte Rasterlinien/Felder (obwohl [im WD vom 2011-04-07](https://www.w3.org/TR/2011/WD-css3-grid-layout-20110407/#grid-named-grid-lines) vorgesehen).
Was man auch tun muss: Den Items die Zeile per `-ms-grid-row` zuweisen; das geschieht bei IE/Edge 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: `autofill`. [Solch ein Grid](https://codepen.io/gunnarbittersmann/pen/qXqEgX) wäre im IE/Edge noch nicht möglich.
LLAP 🖖
--
“When UX doesn’t consider *all* users, shouldn’t it be known as ‘*Some* User Experience’ or... SUX? #a11y” —[Billy Gregory](https://twitter.com/thebillygregory/status/552466012713783297)