Search code examples
cssasp.net-mvc-3htmldocking

Asp.net mvc Setting up dynamic Docking with Css


Im trying to setup my asp.net mvc page like the following image:enter image description here

The header and bottom bar should always stay the same size and dock to the top and bottom of the page. In the middle is a infragistics jgrid that i want to always take up the center area of the page, so it should shrink and grow with the browser window.

So Im at a bit of a loss on how to dynamically change the div sizes and location when the browser window size changes.Any ideas/examples?

Thanks


Solution

  • http://jsfiddle.net/kdKCT/1/ i hope this will solve your problem. you can set the position property of header and footer to fixed so when your content scrolls while header and footer stay at the same place in your browser window.