Les 12 premières lignes résument en fait 3 lignes de code : - display : flex - felx-direction: column - justify-content: space-between
Chacune de ces lignes est déclinée de 4 façon, une "simple" et 3 avec des préfixes. Celles qui ont les préfixes sont en fait identiques à la "simple" mais elles s'adaptent à certains navigateurs. Par exemple display: -moz-flex; est plus adaptée pour Mozilla.
Cependant elles ne sont pas obligatoires, tu pourrait très bien te contenter des 3 lignes "simples" que j'ai cité au début
J'espère avoir été clair et ne pas avoir dit de bétises
[EDIT] comme dit plus bas, ce que je ne savais donc pas, les préfix étaient utilisés pour les anciens navigateurs, ils ne sont désormai plus utile
- Edité par Thibaud1869 20 septembre 2017 à 17:23:10
les lignes 3 à 6 sont grosso modo les mêmes : la plus importante est "display: flex", les autres sont des versions préfixées pour les anciens navigateurs (notons que -ms-flex n'a jamais existé, c'était -ms-flexbox…). Je te laisse chercher ce qu'est flex, tu trouveras les infos partout, mais en quelques mots : c'est une manière de placer les éléments de façon automatique.
Les lignes 7 à 10, même topo : c'est "flex-direction: column". Ça détermine la direction des éléments enfants du bloc, ici en colonne.
Et les lignes 11 à 14 déterminent l'alignement desdits enfants.
[EDIT Bis.] @Thibaud1869 En fait pas tout les navigateurs tiens voici un site sympa qui montre bien la chose, mais bon faudrait avoir du vice pour naviguer sous IE6
je me disait bien que c'était bizarre de pas trouver les préfixes sur google x)
bonne soirée a tous
Colonne fixe pendant le scrolling
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Compos sui.