問題タブ [sticky-footer]

スティッキー フッターを機能させようとしていますが、レイアウトが壊れています。何年にもわたってfirebugを台無しにしてきましたが、喜びはありません!

ばかげたポジションルールか何かが欠けているように感じますが、愛やお金の場所が見つかりません

編集：わかりやすくするために、フッターをすべてのページコンテンツのベースに配置し、表示スペースのベースに固定しないようにします（つまり、を介してposition: fixed; bottome: 0;）

リンキー

まとめたサイトで初めて固定フッターを使用していますが、計画どおりに進んでいないようです。大きな空白があり、その後に黒い領域があります (これは私のフッターの色です) リンクを参照してくださいhttp://c-hall.the-word.com/assignment/whatwedo.phpフッターが必要ですこの場合、テキスト witch はまだスタイル設定されていません。以下のコードを参照してください - ご協力ありがとうございます - Charley

CSS

ページの下部に固定フッターがある Web ページを作成しています。ページのコンテンツには特定の幅があり、中央に配置されます。フッターにも特定の幅があり、中央に配置する必要があります。

問題：

1. 使えpostiton: fixedません - フッターが中央にありません
2. ページのコンテンツはデータベースから動的に読み込まれるため、正確な高さはわかりません
3. ブラウザー ウィンドウが非常に小さい場合、フッターがコンテンツに重なってコンテンツを覆います。体のz-index背景のように背景にグラデーションを設定しているため、ほとんど修正されません。

だから私はfloat: bottom.... のようなものが必要になるでしょう。

フッターをページの最後に表示する必要がありますが、HTML では最初に表示します。これを行うことができますか、誰かが私に参考文献を教えてもらえますか?

http://ryanspahn.com/adsgrader2/indexで、私が灰色のフッターを持っていることがわかります。IE、Safari、Firefoxでは、フッターが下部に固定されています。しかし、Chromeではそれは底にくっついていません-それは奇妙です。

このスティッキーフッターは、スタックにある次の方法を使用して作成しました...... CSSを使用して、HTMLページフッターをページの下部に最小の高さで配置します。

誰かがこれを以前に見たことがあるか、またはこのChromeの問題を修正するための提案があるかどうか疑問に思います。

CSSスティッキーフッターの2つの異なる実装を見つけました。

1. RyanFaitスティッキーフッター-http ://ryanfait.com/sticky-footer/

2. スティーブハッチャースティッキーフッター-http ://www.cssstickyfooter.com/

誰かがそれらのそれぞれがどのように機能するかの違いを説明できますか？

また、他に既知の実装がある場合は、コメントを投稿するか、この質問を編集してください。

I have a pretty basic site (header,content,footer no sidebars or anything) the problem is the content area is overlapping the footer. I have tried all the sticky footer fixes (i.e csstricks, ryanfait.com and a few others I found on google and some on here and none of them work

As usual any help is appreciated

ランチャー画面にショートカットを追加するために使用されるものと同様に、ListActivity を選択しようとしています。画面上でビューの上部と下部に「固定」したい独自のヘッダーとフッターをロールしました。これを行うために、ヘッダーを上にドッキングするように設定し、フッターを下にドッキングするように設定し、リストをヘッダーの下とフッターの上に配置するように設定した RelativeLayout を使用しています。アクティビティの全体的なレイアウトに関しては、これは期待どおりにレンダリングされています。ヘッダーは上部に固定され、フッターは下部に固定され、リストはその間をスクロールします。

ただし、ルートとして RelativeLayout に切り替えたときに奇妙なことが 1 つ発生しました。次のスクリーンショットをご覧ください。

Activity の高さwrap_contentをfill_parentそれを保証しません。画面を埋めるのに十分な数のリスト アイテムがないことに注意してください。fill_parentスタイルによって、リストの最後とフッターの間に空白がたくさん残っています。スタイルを介して高さを設定していました-これは LinearLayout で正常に機能しましたが、現在は無視されているようです。そのため、RelativeLayout で高さを直接ハードコーディングしようとしましたが、それでも機能せず、fill_parent.

ここに私のレイアウトコードがあります:

すべてのレイアウトは XML 経由で行われます。コードでレイアウトを行うことはありません。wrap_contentアクティビティ全体をその高さのモードで動作させながら、固定ヘッダーとフッターを取得するにはどうすればよいですか? RelativeLayout の代わりにこれを行うべき他の方法はありますか?

背景コンテンツの画像をプッシュして、ページの下部にくっつけようとしています。画像は一部のコンテンツの背後にあるため、画像はフッターではありません。ただし、コンテンツが少ない場合は画像の上部が切れてはならず、コンテンツが多い場合は画像が下部にくっつく必要があります。

まだ何も機能していません。誰でも私に何かヒントはありますか？

2 つの例を次に示します。ウィンドウにフィットするコンテンツを持つものと、より多くのコンテンツを持つものです。

ここに 2 つのリンクがあります。

http://www.andrewa.org/testing/mosaik-test/content-imagebottom-test.html

http://www.andrewa.org/testing/mosaik-test/content-imagebottom-test2.html

よろしくお願いします。

完全に水平方向のスクロールサイトがあります。

TopNav（固定位置）

ナビゲーション（固定位置）

コンテンツ（横スクロール）

フッター（固定位置）

すべてがうまく機能しているように見えますが、私が抱えている問題は、コンテンツが水平方向にスクロールするのに十分な大きさである場合、フッターが水平スクロールバーの後ろに配置されるため、数ページで#footer {bottom：16px}またはしたがって、水平方向のスクロールバーが存在することを考慮に入れます。

私が問題を抱えているのは、モニターの解像度が異なることです。明らかに、コンテンツは水平方向にスクロールするか、ウィンドウサイズに基づいてスクロールしません。フッターを下部（または水平スクロールバーの上）に保持する方法はありますか？解像度やウィンドウサイズは重要ではありませんか？