Bonjour, j'essaie en vain de reproduire le design de la messagerie Le bon coin.
C'est une mise en page qui me convient très bien au niveau de la disposition des différents blocs et du comportement en cas de redimensionnement de la page mais malgré beaucoup de temps passé je bloque.
Voici ce que j'aimerais obtenir (voir la seconde image) :
Le bloc 1 (bandeau de gauche) doit prendre toute la hauteur de la page ; les blocs 2, 3 et 4 additionnés font donc la même hauteur que le bloc 1.
Les contenus du bloc 1 et du bloc 2 doivent être scrollables en hauteur
Le bloc 3 doit rester toujours en bas de la page, même en cas de redimensionnement de la fenêtre
Même en cas de redimensionnement de la fenêtre, il n'y a donc pas d'apparition de la barre de scrolling vertical de la page
Si tu connais Bootstrap, alors utilise le en faisant un nouveau conteneur pour tes bloc 2, 3 et 4. Sinon va faire un tour la dessus.
Ou alors tu peux encore utiliser un tableau pour simplifier la chose en séparant les deux colonnes 1 et 2-3-4, mais c'est pas jolie au niveau du code et ce n'est pas très compréhensible au bout de deux moi sans y avoir touché.
Après tu as d'autres options en css mais je ne les connais pas forcément suffisamment pour t'en parler.
× 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.
Doucement, peut-être ... Mais sûrement !
la connaissance est une chose qui ne nous appauvrit pas quand on la partage.
Mon GitHub