css - Footer moves up from bottom of page in IE10 -


i working on mvc site , having trouble getting footer stay @ bottom of page in ie10. reason appear @ bottom of window when page loaded stay in same position when scroll down , hence footer no longer @ bottom of page.

what strange when resize window footer fixed @ bottom of page.when return page full size footer still fixed @ bottom of page. if refresh page or go new page footer no longer fixed @ bottom of page.

i have tried few css solutions create sticky footer , have worked in firefox,chrome , older ie's not ie10. have tried ryanfait's solution , cssstickyfooter neither have worked me.

i have following css code footer currently:

#footer{background:#098a9d url(../img/headfootshadow.png) repeat-x 0 -8px;padding:20px 0 0;display:block;height:65px;margin-top:30px;color:#fff} #footer a{color:#fff;font-weight:700;text-decoration:none} #footer a:hover{text-decoration:underline}  /*sticky footer hack*/  html, body {height: 100%;} html#lightbox{height:auto;} #fullwrap {min-height: 100%;} #main {overflow:auto;padding-bottom:105px;}  /* must same height footer*/ #footer {position: relative;margin-top: -85px; /* negative value of footer height  */height:65px;clear:both} 

as said works chrome,firefox , older ie's not ie10. know how fix or possible workaround work? appreciated.

many thanks

bernard


Comments

Popular posts from this blog

monitor web browser programmatically in Android? -

Shrink a YouTube video to responsive width -

wpf - PdfWriter.GetInstance throws System.NullReferenceException -