html print header footer every page

Dominik Balogh answered on December 7, 2022 Popularity 9/10 Helpfulness 4/10

answer html print header footer every page

html print header footer every page

Comment

Tip Dominik Balogh 1 GREPCC

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style>
        .container {
            width: 100%;
            overflow: hidden;
            height: auto;
            page-break-inside: auto !important;
        }

        .page-header {
            position: fixed;
            top: 0;
            left: 0;
            height: 100px;
        }

        .page-footer {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100px;
        }

        body {
            padding-top: 100px;
            padding-bottom: 100px;
        }
    </style>
</head>
<body>
    <div class="page-header">Header</div>
    <div class="page-footer">Footer</div>
    <div class="container">Content</div>
</body>
</html>

xxxxxxxxxx

<html>

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <style>

        .container {

            width: 100%;

            overflow: hidden;

            height: auto;

            page-break-inside: auto !important;

        .page-header {

            position: fixed;

            top: 0;

            left: 0;

            height: 100px;

        .page-footer {

            position: fixed;

            bottom: 0;

            left: 0;

            width: 100%;

            height: 100px;

        body {

            padding-top: 100px;

            padding-bottom: 100px;

    </style>

</head>

<body>

    <div class="page-header">Header</div>

    <div class="page-footer">Footer</div>

    <div class="container">Content</div>

</body>

</html>

Popularity 9/10 Helpfulness 4/10 Language html

Source: Grepper

Tags: footer header html layout

Link to this answer
Share Copy Link

Contributed on Dec 07 2022

Dominik Balogh

0 Answers Avg Quality 2/10

html print header footer every page

Contents

More Related Answers

html print header footer every page

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.