Bonjour,

Dans l'optique de développer un système de messagerie instantanée je souhaiterai avoir une zone de message dans laquel les messages seront ajouté en bas.

Pour se faire j'ai découvert que les propriétés suivantes me permettaient d'obtenir ce résultat.

.messages {
  display: table-cell;
  vertical-align: bottom;
}

Cependant je désire également donner une hauteur maximum à cette zone, pour gérer le dépassement j'y adjoins un overflow.

.messages {
  height: 200px;
  overflow: auto;
  display: table-cell;
  vertical-align: bottom;
}

Si je mes la propriété overflow sans le display: table-cell sa fonctionne parfaitement, mais en mettant cette propriété c'est comme si je n'avais pas mis l'overflow.



Merci d'avance pour votre aide.
Cordialement, La source.

Salut,

C'est parce que les cases d'un tableau ne peuvent (à mon avis) pas avoir une hauteur.
La hauteur se fait soit de manière automatique (en fonction du contenu) soit avec le <tr> du tableau.

Donc là, il faudrait créer un bloc style "table-row', avec une hauteur fixe et un overflow.

Déjà je vois pas l’intérêt du display: table-cell;
Pourquoi utiliser des bidouilles comme ça ?