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

What you actually want to be doing is making the of the data table scrollable, so the and will remain naturally fixed.

Whilst this is trivial for FF et al:

tbody
{
    height: 100px; /* or whatever */
    overflow: auto;
    overflow-y: auto;
    overflow-x: hidden;
}

IE has severe and complex issues with tbody in general. It can be solved with expressions but it's non-trivial, and specific to the design.