How to make up a page ala dialogue Vkontakte?

Question

css

Good day to all !
How to layout a page like a Vkontakte dialog page?
All elements are fixed except for the message list (header, sidebar, submission form) ?
I was able to fix the header, sidebar, form. What to do with the list of messages - I do not understand. I've been scratching my head for 2 hours now,
please tell me.

Answer 1

Who was the element inspector for?
The entire UI of Vkontakte is fixed, padding is added to the chat background from the top and bottom (this allows you to emit behavior in which not a separate block scrolls, but the entire page). Well... that's all. A kind of viewport for content, a wrapper.

Answer 2

the list is a normal div. overflow: scroll-y;height:200px; there javascript write texts.