Question

I was testing my mobile application, with Windows mobile.I got some issues with the footer part.The problem is regarding footer fixing. When I scroll the contents, the footer also getting up.But the footer is fixed in all browsers including IE and in all mobiles except windows version.

See the code, for IE I gave,

* html #footer {
   position:absolute;
   top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}

Edit:

html, body {height: 100%;}

#wrapper {min-height: 100%;}


#footer {
    position:fixed; z-index:999;
    width:100%;
    bottom:-20px;
    margin-top: -72px; /* negative value of footer height */
    margin-top: 0px !ie; /* for IE */
    height: 92px;
    clear:both; text-align:center;
    background:url(../../) repeat-x #115c9c;
    } 

Answer 1

Windows Phone 7 – both pre and post-Mango ignore fixed positioning and render fixed elements as position: static. IE9 desktop and other browsers you tested on supports position: fixed.
http://bradfrostweb.com/blog/mobile/fixed-position/

Expressions seems no more supported
http://blogs.msdn.com/b/ie/archive/2008/10/16/ending-expressions.aspx

So I would recommend to remove ‘position: fixed’ and make it working in IE9 desktop first since there is no easy way to debug html in WP7. It also seems you will have to proceed with additional js to get fixed footer in WP7.