Sizing a Div tag for a GridView in ASP.NET

See more:

ASP.NET

CSS

I am writing an ASP.NET application which uses GridViews to display and edit data.

When my GridView is large enough to need a horizontal scroll bar, I want a Div tag with a scroll bar that allows the GridView to be scrolled while everything else still fits on the screen instead of scrolling the whole page.

I can do this with the max-width CSS property, but this only works for one size.

I can set an event in javascript to change the style property of the Div tag but then I need to change it everytime the window size changes, which isn't happening in IE 9. I also hate doing it this way. I want to control it with one CSS property that doesn't have to change.

This is the code I've used so far to do this for my prototype, but I need a better way to do this.

onresize = changewidth();

function changewidth() {
    document.getElementById("LowerPanel").setAttribute("style",
    "max-width: " + (document.body.offsetWidth - 10).toString() + "px;overflow-x:scroll;");
}

Thanks,
Bryan