28172 sujets

CSS et mise en forme, CSS3

Grid layout et Edge

Bonjour tout le monde,

Alors voilà j'ai un bout de css grid layout qui fonctionne parfaitement sous Firefox, Chrome, Opéra et même Vivaldi sauf sous Edge et IE 10 Smiley fache ... le voici : 


.contenu {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
	grid-gap: 5px;
	justify-items: center;
}


J'ai essayé de corriger avec -ms-grid-columns : 

 -ms-grid-columns: auto 450px 1fr ;


mais rien à faire.... Smiley decu

Quelqu'un peut-il m'aider ? m'aiguiller ?? et merci pour votre indulgence...

rs
Bonjour.

Les deux implémentations de GridLayout (Internet Explorer et Edge d'un côté et le reste…) sont assez différentes. Ce n'est pas qu'une question de préfixe.

Je pense que si vous voulez continuer avec GridLayout, il faut envisager les deux séparément.

@supports peut aider, je pense.

Smiley smile
Administrateur
Hello,

Tu n'as pas de chance car ni auto-fit, ni minmax() ne sont reconnus par Edge pour l'instant (ce sera le cas dans la prochaine version) : http://goetter.fr/tmp/grid-polyfill/

Je t'invite, comme le suggère Zelena, de procéder à de l'amélioration progressive grâce à @supports

Bon courage Smiley smile
Sujet clos
Aller à