私のスティッキーフッタを修復する必要があり、何らかの理由でこれが動作しています。なぜ私は分からない。私はここからの例に従っています: Bootstrap Sticky Footerスティッキーフッタが絶対位置で動作しない
私は自分のフッターの位置に追加しました:絶対;この例のページではこれは動作していて、フッターは同じ位置にとどまっていません。私はブラウザのサイズを変更します。しかし、私の例では、フッターは常に画面の下にとどまり、ポジションがどのように機能しているのか知っていますが、私の場合はポジションが例のように機能しません。私はWordpressとSageテーマをブートストラップ3で使用しています。ここでは例を見ることができます: My example page.
P.S.ここで
は、ページの本文のコードです:
<body <?php body_class(); ?>>
<!--[if IE]>
<div class="alert alert-warning">
<?php _e('You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.', 'sage'); ?>
</div>
<![endif]-->
<?php
do_action('get_header');
get_template_part('templates/header');
?>
<div class="wrap container" role="document">
<div class="content row">
<main class="main">
<?php include Wrapper\template_path(); ?>
</main><!-- /.main -->
<?php if (Setup\display_sidebar()) : ?>
<aside class="sidebar">
<?php include Wrapper\sidebar_path(); ?>
</aside><!-- /.sidebar -->
<?php endif; ?>
</div><!-- /.content -->
</div><!-- /.wrap -->
<?php
do_action('get_footer');
if (!is_front_page()){
get_template_part('templates/footer');
}
wp_footer();
?>
</body>
そして、ここでは、CSSです:
body {
margin: 0;
margin-bottom: 100px;
}
.biserka-footer {
background-color: #3b3b3b;
color: white;
width: 100%;
height: 13rem;
clear:both;
font-size: 0.8em;
position: absolute;
bottom: 0;
}
あなたの投稿にコードを追加してください。助けを受ける機会が増えます。 – GillesC
コメントありがとう、私はコードを追加しました。 – Mario