Content Should Be Filled From Header To Footerin A Html Page

I am using jquery mobile. I have created a very simple page where there is a fixed header and footer.I have only two buttons at that page.as footer is fixed to bottom so half of th

Solution 1:

I do this using CSS to remove the background from the data-role="content" div, and applying it instead to the data-role="page" div. Here is a jsbin showing it in action:

http://jsbin.com/ijeqiy/2/

You can target individual themes by using the .ui-body- class. For example in your code, you are using theme b on your page div, so you can overwrite it like so:

.ui-body-b {    
    background: #F9F9F9; /* the background color you want */
}

.ui-content {
    background: none; /* remove the background color from the content because it's not long enough */
}