Question

Here’s the problem:

Here’s what the problem looks like in my application (note, the left bottom column should go to auto scroll at the height of the left column. New data can prepend into either column at any time as well, so the regular javascript method isn’t exactly a good way.):

http://i42.tinypic.com/2vbpn5g.png

Answer 1

Just set outer container of this whole with fixed height, make two columns, one for full height box, another for of dynamic height box, with overflow-auto box underneath it.

Otherwise, you will need JavaScript to dynamically set height of boxes in second column, by dividing max height.