私は MVC サイトで作業していますが、IE10 でページの下部にフッターを配置するのに問題があります。なんらかの理由で、ページが読み込まれたときに最初はウィンドウの下部に表示されますが、下にスクロールしても同じ位置にとどまり、フッターがページの下部に表示されなくなります。
奇妙なのは、ウィンドウのサイズを変更すると、フッターがページの下部に固定されることです。ページをフルサイズに戻しても、フッターはページの下部に固定されたままです。ページを更新するか、新しいページに移動すると、フッターはページの下部に固定されなくなります。
スティッキー フッターを作成するためにいくつかの CSS ソリューションを試しましたが、それらは Firefox、Chrome、およびすべての古い IE で動作しましたが、IE10 では動作しませんでした。ryanfait のソリューションとcssstickyfooterを試しましたが、どちらもうまくいきませんでした。
現在、フッター用に次の CSS コードがあります。
#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 be same height as the footer*/
#footer {position: relative;margin-top: -85px; /* negative value of footer height */height:65px;clear:both}
私が言ったように、これはChrome、Firefox、および古いIEでは完全に機能しますが、IE10では機能しません. これを修正する方法、または機能する可能性のある回避策を誰かが知っていますか? どんな助けでも大歓迎です。
どうもありがとう
バーナード