Frozen table header inside scrollable div

Question

I\'ve three divs. Header, central and footer. There is a table in central div (gridview) which is almost always longer than outer div. So I\'ve made this div scrollable vert

Answer 1

This solution works using CSS in Firefox and the other Gecko browsers, and CSS expressions in IE.

http://home.tampabay.rr.com/bmerkey/examples/nonscroll-table-header.html

The header and footer do not stay fixed in Opera or Safari/Chrome, but the whole table is scrollable so it is usable. Note that the columns are given percentage widths in the author's example, but they can be removed.

If you want to experiment with Opera/Safari/Chrome support, look at giving the tbody display:block and go from there.