28172 sujets

CSS et mise en forme, CSS3

[Résolu] Footer 3 colonnes et breakpoint spécial avec Knacss

Salut les Alsacréateurs !

Soit un projet possèdant un footer avec 3 colonnes (gauche, milieu, droite), jusque là rien de spécial. La particularité est que lors du premier "breakpoint" la colonne du milieu doit rester en haut et les colonnes gauche et droite doivent passer en dessous.

Puisque qu'un CSS vaut mieux qu'un long discours, j'y suis parvenu de cette manière (en jouant sur une position absolues et relative avec un conteneur) :

http://codepen.io/dasys/pen/GpXddr

Savez-vous s'il existe une meilleure méthode et surtout s'avez-vous si le framework Knacss et son système de grille flex me permettrait de réaliser cela ?

D'avance mille mercis !

Bien à vous
Holà !

Bon je suis peut-être hors-sujet ou hors-charte avec ma question sans réponse : n'hésitez pas à me le dire ^^
Bien à vous
Merci gc-nomade de prendre le temps de pencher sur mon projet.

En fait cela fonctionne très bien avec des float (voir mon bout de code) :
http://codepen.io/dasys/pen/GpXddr

Je me demandais juste s'il n'y avait pas une approche plus moderne/optimisée pour faire la même chose avec flex et knacss.

Un illustration de ce je cherche à faire avec knacss et flex :

Ecran moyen :
upload/59909-screen-mid.png

Ecran petit (breakpoint) :
upload/59909-screen-tin.png

Je n'ai pas compris comment je pourrais obtenir ceci avec flex + order. Crois-tu pouvoir me montrer un exemple avec codepen pour comprendre ?

Encore merci pour ton aide.

Bien à toi.
Wouhaou... le positionnement flex est rudement efficace !

C'est exactement ce que je cherchais : un grand merci gc-nomade Smiley cligne
Sujet clos
Aller à