Positioning and Layout

[Rakesh]

I am new to html5 world. Need some help in layouts (css).

I created a sample in plunker. http://plnkr.co/edit/nXxN17?p=preview

Basically, i am looking for main body non-scrollable. All content should be with in main page and making center element scrollable(in this case listview).

 

this is my requirement.

body
div - 40px;
div - maxHeight: 100px; - header
div(pager) - 30px;
div(listview) - * fill height and scrollable
div -
div - maxHeight: 100px; - footer
div - height - 40px; - buttons always stays on bottom

 

Appreciate your help

- Thanks

Rakesh

[Dimo]

Hi Rakesh,

The described scenario requires the ListView element (div#listView) to have a height style and an overflow:auto style. The height can be calculated with Javascript, depending on the height of the browser viewport and the other elements on the page.

Regards,
Dimo
Telerik