Hauteur automatique d'un div entre 2 divs

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Hauteur automatique d'un div entre 2 divs

Re: Hauteur automatique d'un div entre 2 divs

par nico44530 » 25 févr. 2014, 23:04

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".

Re: Hauteur automatique d'un div entre 2 divs

par libertux » 24 févr. 2014, 18:40

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

Hauteur automatique d'un div entre 2 divs

par nico44530 » 15 févr. 2014, 06:01

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
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