Bonjour,

J'ai une sidebar dans laquelle se trouve 4 bloc :

- Un bloc contenant 5 liens
- Un second bloc contenant 1 lien qui permet d'agrandir le premier bloc
- Un troisième bloc contenant la liste d'amis, là où se trouve le problème
- Un dernier bloc ou se trouve la recherche d'amis

Le problème c'est dans la liste d'amis, la hauteur du div :

Si la résolution de l'écran est inférieure à 1600 x 900, la liste d'amis déborde sur le dernier bloc.
Ce que j'aimerais, c'est que si on rétréci la fenêtre du navigateur, que la liste d'amis ne déborde pas sur le dernier bloc et que le scroll fonctionne.
Il faudrait une hauteur automatique par rapport à la résolution du navigateur.

Au lieu de vous exposer mon code, voyez par vous-même :
Allez sur le lien ci-dessous et connectez-vous avec ces codes temporaires :

http://www.web-astronomie.fr/login

• Email : [email protected]
  Mot de passe : 0000

Ensuite rétrécissez la fenêtre du navigateur et regardez en bas de la sidebar, le troisième bloc déborde sur le dernier

PS : Le scroll utilisé est un plugin jQuery : jquery.mCustomScrollbar qui demande une hauteur fixe à la class : "barfriends" pour fonctionner.

Merci d'avance

Bonsoir,

Franchement, le design est top félicitation
Pour le reste j'ai une remarque qui peut vous aidez :

Si vous êtes dans le début de votre projet veillez utilisé un framework CSS je conseille d'utilisé "twitter bootstrap"
Car j'ai remarquer que vous utilisé trop de "margin-left" et c'est pas une approche "responsive".

Si non donnez quelques détails des outils que vous avez utiliser comme si vous avez utiliser un framework PHP ou non? ...

Bon codage

Merci pour votre message

J'utilise jQuery, et pas de framework PHP.

Je ne comprend pas cette phrase :

j'ai remarquer que vous utilisé trop de "margin-left" et c'est pas une approche "responsive".