Firefox でこのサイトを参照してください。
http://www.imageworkz.asia/microtel
フッターは、スタックオーバーフローのフッターのようにページの下部に貼り付けられません。いくつかの参照サイトに示されているように、いくつかの手法を試しましたが、それでもうまくいきません。
これを手伝ってくれるCSSの専門家が必要です。ありがとうございました!
Firefox でこのサイトを参照してください。
http://www.imageworkz.asia/microtel
フッターは、スタックオーバーフローのフッターのようにページの下部に貼り付けられません。いくつかの参照サイトに示されているように、いくつかの手法を試しましたが、それでもうまくいきません。
これを手伝ってくれるCSSの専門家が必要です。ありがとうございました!
スティッキー フッターを作成する方法はいくつかあります。高さが固定されたフッターの基本的なトリック
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -150px; /* the bottom margin is the negative value of the footer's height */
}
.footer {
height: 150px; /* .push must be the same height as .footer */
}
また
「スティッキーフッター」というタイトルのこの投稿(および他の多くの投稿)を確認できます
フッターに追加position:fixed; bottom:0; left:0
すると、所定の位置に修正されます。次に追加#container {padding-bottom:120px}
(またはその前後の量)すると、ページの下部を表示するときにコンテンツがフッターによって非表示になりません
0
一番下の値で固定位置にします。
footer {
position: fixed;
bottom: 0;
}
<script type="text/javascript">
$(document).ready(function() {
var docHeight = $(window).height();
var footerHeight = $('#footer').height();
var footerTop = $('#footer').position().top + footerHeight;
if (footerTop < docHeight) {
$('#footer').css('margin-top', 10 + (docHeight - footerTop) + 'px');
}
});
</script>