CODEWITHSUNDEEP
cssjquery-mobilefooter
user1125394
user1125394

Reputation:

CSS footer at the bottom with jQuerymobile

Same question successfully resolved here but using jquerymobile

here is the script the working script, without jQmobile
http://jsfiddle.net/ca11111/tCdPX/12/

now just adding the jQmobile script and link head tag:
http://jsfiddle.net/ca11111/tCdPX/13/

doesn't work

Upvotes: 0

Views: 406

Answers (2)

Gromish
Gromish

Reputation: 199

My best solution:

$(document).ready(function(){
    $("html, body, .ui-page").height($(window).height());
}

Hope this helps.

Upvotes: 0

scessor
scessor

Reputation: 16115

jQuery mobile adds a page wrapper with the class ui-page. It needs the css definition height: 100%; too.

Add the class ui-page to the css defintion for html and body:

html, body, .ui-page {
    height: 100%;
}

Also see your updated example.

Upvotes: 1

Related Questions