27191 sujets

CSS et mise en forme, CSS3

Salut tout le monde, je suis en train d'intégrer une landing page avec laquelle j'ai décidé de me baser sur Knacss pour gagner du temps sur la mise en forme (notamment au niveau des grilles), mais malgré l'utilisation du préfixe ms pour les grid

display: -ms-grid;
display: grid;

directement dans le css de Knacss, les grilles ne fonctionnent pas sur IE (j'ai seulement pu tester IE11 sur Windows 10)... bien sûr, sur Edge, Chrome(mac/win), Firefox (mac/win) et Safari, tout fonctionne parfaitement.
Vous auriez un conseil pour mon problème ?
Au passage même la page https://www.knacss.com/doc.html sur IE11 ne fonctionne pas au niveau des grilles.

Merci !
Modérateur
bonsoir,

en lisant la doc :
pour IE11 , il faudra te contenter de flex https://www.knacss.com/doc.html#flexbox
- la grillade partie , c'est à partir de edge 16 ;) https://www.knacss.com/doc.html#grids

IE11 demande à ce que chaque élément soit positionné a un endroit précis, (-ms-grid-row/-ms-grid-column) dans la grille définie (-ms-grid-columns / -ms-grid-rows ) . pas d'auto-flow , par défaut tout s'empile dans la premiere case.

bonne continuation.
Meilleure solution
Jean-Pierre-Bruneau a écrit :
Juste une question, as-tu compilé tes fichiers à l'aide de Gulp ?

Non, pas de compilation.
gcyrillus a écrit :
bonsoir,

en lisant la doc :
pour IE11 , il faudra te contenter de flex https://www.knacss.com/doc.html#flexbox
- la grillade partie , c'est à partir de edge 16 ;) https://www.knacss.com/doc.html#grids

IE11 demande à ce que chaque élément soit positionné a un endroit précis, (-ms-grid-row/-ms-grid-column) dans la grille définie (-ms-grid-columns / -ms-grid-rows ) . pas d'auto-flow , par défaut tout s'empile dans la premiere case.

bonne continuation.


En effet, le plus simple est de repartir avec Flex pour être sûr d'une compatibilité maximum.
Merci d'avoir pris le temps ! Smiley cligne