Pseudoelement als Flexitem in IE

[Gunnar Bittersmann]

@@Gunnar Bittersmann

Kann man da was tun?

Ja, kann man. display: block o.ä. fürs Pseudoelement. Flexbug #12, wie mir zugezwitschert wurde. Nicht, dass ich das nicht versucht hätte …

Es war nur ein Zusammenkommen von zwei Dingen. In meinem Projekt hab ich nicht 50%, sondern calc(50% + 1em). IE scheint calc() für flex-basis auch nicht zu gefallen.

Lösung:

.flexbox::before
{
	content: '';
	display: block;
	flex: 0 1 50%;
	flex: 0 1 calc(50% + 1rem);
}

Dann sitzt das Zeugs im IE hat ein bisschen weiter links. Aber es sitzt.

Jetzt noch die Präfixe für IE 10 …

LLAP 🖖