spниз, к примеру, пикселей 200, а верх скроллируемый - если контента больше чем высота ячейки
Тогда и таблицы не нужны...
Как вариант...
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
<!DOCTYPE html>
<html>
<head>
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
* {
margin: 0;
padding: 0;
}
html,
body {
height: 100%;
}
#container {
position: relative;
height: 100%;
min-height: 300px;
}
#up {
position: absolute;
top: 0;
left: 0;
bottom: 200px;
width: 100%;
background-color: yellow;
}
#down {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 200px;
background-color: green;
}
</style>
<script type='text/javascript'>
</script>
</head>
<body>
<div id='container'>
<div id='up'>
<ul style ="height: 100%; overflow: auto">
<li>sadfesafd</li>
<li>sadfesafd</li>
<li>sadfesafd</li>
<li>sadfesafd</li>
<li>sadfesafd</li>
<li>sadfesafd</li>
<li>sadfesafd</li>
<li>sadfesafd</li>
<li>sadfesafd</li>
<li>sadfesafd</li>
<li>sadfesafd</li>
<li>sadfesafd</li>
<li>sadfesafd</li>
<li>sadfesafd</li>
<li>sadfesafd</li>
<li>sadfesafd</li>
<li>sadfesafd</li>
<li>sadfesafd</li>
<li>sadfesafd</li>
<li>sadfesafd</li>
<li>sadfesafd</li>
<li>sadfesafd</li>
<li>sadfesafd</li>
<li>sadfesafd</li>
<li>sadfesafd</li>
<li>sadfesafd</li>
<li>sadfesafd</li>
<li>sadfesafd</li>
<li>sadfesafd</li>
<li>sadfesafd</li>
<li>sadfesafd</li>
<li>sadfesafd</li>
</ul>
</div>
<div id='down'></div>
</div>
</body>
</html>
