この HTML テンプレートに、IE 互換モードで動作し、クロス ブラウザー互換のスティッキー フッターを追加することはできますか?
Ryan Fait sticky footerを追加しようとしましたが、追加するとすべてが壊れているようです。
親コンテナーで 100% の高さを使用し、フッターに負の上マージンを使用してビューポートに戻すスティッキー フッターは使用できません。フッターと主な内容。テンプレートは丸みを帯びた角を使用しており、それが難しいように見えるため、背景色の間隔 div をそこに挿入しても十分ではありません。
また、Ryan Fait の方法と同様に、この「トップ ボーダー ソーク アップ スティッキー フッター」も試しましたが、うまくいきませんでした。
解決しました。基本的に、あなたが言ったように、私は Ryan Fait スティッキー フッターを適用し、次のことを行いました:
- フッターをラッパーの外側に移動し、ヘッダーをラッパーの内側に移動しました。
・本体からパディングを取り除きました。
-フッターから上部の余白、下部の境界線、ボックスの影 (および下部の丸みを帯びた角) を削除しました。
-フッターの上端を考慮して、ラッパーのマージンを余分なピクセル (.063em) に引き上げました。
-追加された padding-bottom:10px; #innerwrap に移動して、探していた div 間隔を取得します (Ryan Fait ページに記載されているように)。
-フッターの幅とマージンをラッパーと一致させました。