sticky-footer

0熱

1答えて

相対的な位置から絶対的な位置に変更しようとしたときにフッターが下部に（25％でズームアウトしても）固定されますが、フッターがコンテンツと重なってしまいます。これを修正するにはどうすればよいですか？ここに私のライブlink CSSです： footer #bottom-footer { background: url(/files/image.jpg) no-repeat; ba

-2熱

1答えて

HTML CSS - スティッキーフッタ

私のフッタに問題があります。私はこの解決策を使用しようとしましたhttp://ryanfait.com/sticky-footer/。最初はうまくいきましたが、今はありません。私のウェブサイトでこのフッターソリューションを使用しようとしています。私はラインを使用は： - フッターで左右に行く問題は、私はズームインたときに発生する、https://jsfiddle.net/yptaufab/ が

0熱

2答えて

フレックススティッキーフッタ - 'Flex：1'が高さで塗りつぶしていない

私はしばらくの間問題があった、動的高さのフッターのためのフレックスボックスのスティッキーフッタメソッドを現時点でテストしようとしています。私は 'min-height：100vh'と 'flex-direction：column'を格納した本体に 'flex：1'を使用してウィンドウの完全な高さを埋めるように拡張していないメインセクションに問題があります。これはフッタをまだページの半分上に残して

0熱

2答えて

CSSの不要な右マージン、スティッキーフッターが固定されていない

私のサイトでは、右側に不要な白い余白があります。理由はわかりません。私のサイトのすべてのコンテナには液体が含まれています。また、私は自分のCSSにパディングも追加し、コンテナの余白も追加しませんでした。絶対とマージン下、も試みオーバーフロー隠されたが、それは私のために動作しません： html, page { width: 100%!important; margin:0;

0熱

1答えて

CSSスティッキーフッタがフレックスボックスで動作しない

フレックスボックスでスティッキーフッタを作成しようとしています。私は他の方法があることを知っています、そして、より良い方法のための私に勧告を与える気にしないでください。私は他の方法（負のマージンなど）を使用しており、必要なように機能しません。また、私が実際に実行しているサイトの種類を気にする人口統計があまりにも小さいため、従来のブラウザでも動作するよう気にする必要はありません。 URL：https

1熱

2答えて

Chrome Consoleを開くたびにフッターが表示されます

私はCSSがうまくいかないと思いますが、これは私の最後には何かばかなことかもしれませんが、私はすべてのページの一番下にサイト。私はこれが私のフッター position:absolute; bottom:0; height:50px; padding: 10px; width:100%; ためのCSSでコンソールが閉じているときにそれは動作しますが、私は

0熱

3答えて

ブートストラップレスポンススティッキーフッタ

私は、ページの下部に留まっているシンプルなフッタで、1日間サークルに行ってきました。私はフルスクリーンページの一番下に表示されています。しかし、ブラウザのウィンドウの幅を小さくしてレスポンシブディスプレイをシミュレートすると、ページを下にスクロールしてもフッタが同じ場所にとどまるので、フラッシュされません。 <html> <body> <div class="container"> <

0熱

1答えて

モバイルFirstアプローチでスティッキーフッタを適用しようとしています

私はスティッキーフッタを適用しようとしていますが、769pxのメディアクエリでは、それは壊れています（ページの下部には残りません）。私はMobile-Firstアプローチを使用しています。私はBoostrapフレームワークを使用していません。フッターが固執する前に他のメディアクエリを適用する必要がありますか？私は私のページの一番下にフッターを追加しようとしています。私は769px用のCSSメデ

0熱

2答えて

スティッキーフッタが動作していません。大きなスペースとスクロールバーがあります。

私は以前これをやっていましたが、今回はフッタがべたつかないという問題があります。また、フッターとコンテンツの間に大きなギャップがあり、scroolが出ています。ありがとうございました。 header, nav, article, section, footer, figure, aside { display: block; }