6

フッターを最後のページの下部に配置する必要があるレポートを作成しようとしています。レポートの本文は、データベースから返されたレコードの数に基づいて動的に読み込まれます。レポートは 1 ページ以上になる場合があります。

スティッキー フッターを使用してみました。Web サイトで HTML を表示する場合は問題ありませんが、レポートの長さが 1 ページを超え、印刷プレビュー画面を表示すると、フッターがレポートの本文とフッターに重なって表示されます。最後のページに移動するのではなく、最初のページにとどまります。

スティッキーフッターを使用せずにユーザーが印刷できるように適切にフォーマットされた印刷可能な画面を作成するときに、最後のページの下部にフッターを配置する方法を知っている人はいますか?

実装したスティッキー フッターは、印刷するページが複数ある場合、印刷プレビュー画面で正しく表示されませんでした。

4

1 に答える 1

1

CSS

#sticky-footer 
{
    position: fixed;
    bottom: 0px;
}
@media print 
{
    #sticky-footer 
    {
        position: static;
        bottom: auto;
    }
}

HTML

<div id="report-content">...</div>
<div id="sticky-footer">...</div>
于 2013-02-05T18:31:17.153 に答える