問題タブ [sticky-footer]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
79 参照

css - 親 div のラップではなく、メイン div にパディングを追加するのはなぜですか?

以下は単純な html です。

CSSは次のとおりです。

私の質問は、padding-bottom を #main div ではなく #wrap div に追加する方が理にかなっているのではないでしょうか?

ご参考までに、これはフッターが常に下部にあり、ページのサイズを変更するときに以前のコンテンツと重ならないことに関連しています。

0 投票する
3 に答える
2102 参照

css - ズームインすると、フッターが前のコンテンツと重なるのはなぜですか

これがサンプルhtmlです:

そのcss:

0 投票する
2 に答える
4183 参照

html - CSS - FLUID の高さフッターをページの下部に貼り付ける

ページに 300 ピクセル程度のコンテンツがあまりない場合、フッターは解像度 1024 でページの中央に表示されます。

フッターの高さを知らずにフッターをページの下部に表示するにはどうすればよいですか?

私はこの解決策を試しました:

padding-bottom: (footerheight);しかし問題は、#footer の前に要素を追加する必要があることです。フッターの高さはページによって可変なので、これは不可能です...

0 投票する
0 に答える
1123 参照

css - スティッキー フッターを他の div と重ならないようにする方法

ブラウザでズームインすると、スティッキー フッターがページ上の他の div と重なるという問題が発生しています。他の div と重ならないようにして、スティッキーフッターのように機能させる方法はありますか?

HTMLは次のとおりです。

ここにCSSがあります:

0 投票する
2 に答える
1040 参照

jquery - ラッパーをスティッキーフッターにプッシュダウンするにはどうすればよいですか

jQueryを使ってスティッキーフッターを作りたいです。

ここで私がやったことhttp://jsbin.com/elapi/edit

#wrapper境界線がページ全体をフッターまで折り返すようにするために、助けが必要です。

お知らせ下さい

0 投票する
5 に答える
2732 参照

javascript - ページの下部にある div ?

div.bottomページの下部に高さ 100pxの a を表示する方法。コンテンツの高さがウィンドウの高さよりも小さい場合、ウィンドウのdiv.bottom下部に表示されます。コンテンツの高さがウィンドウの高さより大きい場合、ページの下部に表示されます。

0 投票する
3 に答える
1266 参照

html - CSS スティッキー フッター メニュー - 要素の検査時にレイアウトが壊れる

FFで要素を検査するときとは別に、うまく機能するcssスティッキーフッターメニューを作成しました。フッターメニューは約100pxジャンプします。Firebug ウィンドウが表示されているとき、メニューがページの途中まで浮いている!?

body と html を高さ 100% に設定しました。また、高さ 100% のコンテナ div もあります...何かアイデアはありますか?

編集:コンテナdivをoverflow:autoに設定しようとしました。メニューがページの途中で浮き上がらなくなりましたが、垂直スクロールバーはありますか??

関連する CSS:

0 投票する
2 に答える
836 参照

html - CSS 固定フッターがわかりません!

重複の可能性:
Web ページの下部にフッターを配置するにはどうすればよいですか?

こんにちは、

フッターをページの一番下に固定できません!! 私はすべてを試してきましたが、スティッキーな html/css コードを動作させることができません

私が何をしても、フッターがオフセットされているか、ページの途中にあります... 3つの異なるバージョンのコードを試してみましたが、うまくいきません

誰かが私を助けてくれませんか?? 誰かが正しいコーディングを教えてください。

私のサイトは: http://graves-incorporated.com/test/index.html

CSS: http://graves-incorporated.com/test/p7csslm/p7csslm10.css

ありがとう、ダン mrlincoln89@hotmail.com

0 投票する
2 に答える
993 参照

css - このネストされたフッターを下部に貼り付けるにはどうすればよいですか?

私はいくつかの異なることを試みてきましたが、このフッターを下に貼り付ける方法がわかりません。ネストされたdivが相互に多数存在するため、問題が発生します。私が達成したいのは、border-rightラッパーとborder-leftラッパーをページの下部に配置してフッターを囲むことですが、フッターはページの下部に配置する必要があります。

ネストされたすべてのdivを少し説明します。ボディにはメインのタイリング背景画像が適用され、#backgroundには透明なオーバーレイがあり、エッジに向かってフェードアウトします。border-rightおよびborder-leftdivには、コンテンツdivの境界として機能する背景としての繰り返し画像があります。

そして、フッターdivは完全に分離されている必要がありますが、それを作成すると、左の境界線の幅ではなくウィンドウの幅の中央に留まるため、画面が縮小すると不安定に見えます。

基本的なページ構造は次のとおりです。また、jsfiddleを投稿しました:http://jsfiddle.net/cutcopypaste/zry4T/

0 投票する
4 に答える
4391 参照

css - フッターの背景画像に関するヘルプ

重複の可能性:
Web ページの下部にフッターを配置するにはどうすればよいですか?

このページの 2 番目の背景画像が適切に配置されていません... 修正に苦労しています... フッターは常にページの下部に配置する必要があります。 min-height解像度に関係なく、常に一番下に留まる必要があるため、機能しません。

これに対するCSS修正はありますか?

-URLは削除されました-