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
Post a Comment