0

私はフッターを持っているこのページを持っています、ページはグリッドビューも表示します、グリッドビューの内容はユーザーが選択するものに依存します、グリッドビューは何もないところから168行まで、そしてその間のすべてを持っているかもしれません。

マスターページは次のようになります。

<html>
 <body>
  STUFF
  <div id="footer">
    <p>This is the footer</p>
  </div>
 </body>
</html>

CSSは次のようなものです。

#footer {
 width: 100%;
 height: 60px;
 margin: 0 auto;
 padding: 0;
 background: #E1E1E1;
 position:absolute;
 bottom:0;
}

今、私はposition：fixedを試しましたが、それは私が望むものではありません。そうすれば、フッターがページのコンテンツの上に表示され、下部に表示されます。相対に設定すると、マスターページのコンテンツプレースホルダーの下部に設定されますが、グリッドビューの背後に表示されます。絶対に設定すると、下部に移動しますが、グリッドビューには特定の小さなサイズの行があります。多くの行を表示する必要がある場合は、フッターもグリッドビューの後ろに表示されます。

これは私を夢中にさせています。提案をありがとう。

4

1 に答える 1

1

これを試してください： スティッキーフッター

* {
    margin: 0;
}
html, body {
    height: 100%;
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
    height: 142px; /* .push must be the same height as .footer */
}

/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/
于 2012-12-10T10:39:06.250 に答える