tu peux mes je n'en vois pas trop l'utilité vos mieux faire une div contenair qui sera le bloc parent des blocs enfants de tout le reste et laissé le body tranquille
pourquoi veux-tu que le body soit une flexbox? quel intérêt ? les 4 éléments (header, nav, section, footer) vont s'afficher les uns après les autres, comme des éléments de type block, pas besoin de flex, et quel rapport avec float ? Quelle architecture veux-tu mettre en place ? Quelle est ton idée au départ ?
En fait je voudrait faire comme sur le tuto que j'ai cité mais sans utilisé float
La liste à puce il l'a met avec un float: left ce qui fait qu'elle est sur la gauche et le texte se trouve à droite.
Moi je voudrais faire le même chose mais avec flex et supprimer le float: left
@Skull-Dragon
oui je pourrai mettre un div mais dans le tuto de matéo il parle des blocks <header>, <nav>, <section> et <footer>
et il montre comment son placé chaque block après avoir utilisé le CSS voilà un l'image :
Je voudrai faire la même chose mais avec un flex.
Est-on obligé de mettre un div qui englobe toutes les balises marquées sur l'image pour pouvoir utilisé flex.
Je sais pas si je m'exprime bien désolé
mais quelle est l'intérêt de mettre une balise header si je suis obligé de la mettre dans une balise div
Sa me semble pas logique quoi ; que le div soit dans le header me semble plus logique non ?
Je viens de voir la page qui tu as mis en lien ce site je l'ai vu mais tu vois j'ai mal regardé car en fait il met bien un display: flex dans le body
On le voit au sous-titre : Exemple d’un layout complet
Et dans le code à la ligne : 11 il met :
body {
display: flex; /* crée un contexte flex pour ses enfants */
flex-direction: column; /* affichage vertical */
min-height: 100vh; /* toute la hauteur du viewport */
padding: 1em;
}
donc lui fait bien comme ça qu'est-ce tant pense faut-il que je mette un div ou que je fasse comme sur leur site ?
"header" et "footer" ont un comportement normal, donc pas besoin d'y toucher !
Par contre "nav" se trouve à côté de "section", donc il faut appliquer un "display:flex" sur le conteneur qui les englobe pour les avoir côte à côte. Comme de base il n'y en a pas(de conteneur) on place une "div" qui englobe ces deux éléments, qu'on pourrait appeler "main" par exemple.
Flex se place sur le conteneur mais agit sur les enfants.
Tu peux tout à fait utiliser flexbox sur body, il n'y a aucune contre-indication. Ça sert notamment, comme tu le montres en exemple, à faire en sorte que le footer ne puisse pas se balader au milieu de la page s'il n'y a pas assez de contenu.
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !