First start with a simple DIV area and a bit of styling to make it visible...
gives you this...
Ok, so not to impressed yet. There is a height declared, but it's doing the usual thing and expanding to suit the contents being displayed. (Or not expanding in Netscape). Here comes the magic...
gives you this...
<div style="border : solid 2px #ff0000;
background : #000000;
color : #ffffff;
padding : 4px;
width : 200px;
height : 50px;
">
1<br />
2<br />
3<br />
4<br />
5<br />
6<br />
7<br />
8<br />
9<br />
10<br />
</div>
1<br />
2<br />
3<br />
4<br />
5<br />
6<br />
7<br />
8<br />
9<br />
10<br />
</div>
gives you this...
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
Ok, so not to impressed yet. There is a height declared, but it's doing the usual thing and expanding to suit the contents being displayed. (Or not expanding in Netscape). Here comes the magic...
<div style="border : solid 2px #ff0000;
background : #000000;
color : #ffffff;
padding : 4px;
width : 200px;
height : 50px;
overflow : auto;
">
1<br />
2<br />
3<br />
4<br />
5<br />
6<br />
7<br />
8<br />
9<br />
10<br />
</div>
1<br />
2<br />
3<br />
4<br />
5<br />
6<br />
7<br />
8<br />
9<br />
10<br />
</div>
gives you this...
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
