While doing CSS print the body part is coming inside Header area

Question

When am make printing the body content is under the header area.

am write 1-9 number not showing the number only show the number is start from 5 I think the problem is we are adding the position is fixed if we don't use position fixed the header and footer will not display all pages

    body {
        background: #eaeaed;
        -webkit-print-color-adjust: exact;
    }
    .my-footer{
        background: #2db34a;
        bottom: 0;
        left: 0;
        position: fixed;
        right: 0;
        height: 80px;
    }
    .my-header {
        background: red;
        top: 0;
        left: 0;
        position: fixed;
        right: 0;
        height: 100px;
        padding-bottom: 10px;
    }

<html>
    <head>
        <meta charset=utf-8 />
        <title>Header & Footer</title>
 
    </head> 
    <body>
        <div>
            <div class="my-header">Fixed Header</div>
            <div class="my-footer">Fixed Footer</div>
            <table>
                <thead>
                    <tr><th>TH 1</th><th>TH 2</th></tr>
                </thead>
                <tbody>
                    <tr><td>1</td><td>1</td></tr>
                    <tr><td>2</td><td>2</td></tr>
                    <tr><td>3</td><td>3</td></tr>
                    <tr><td>4</td><td>4</td></tr>
                    <tr><td>5</td><td>5</td></tr>
                    <tr><td>6</td><td>6</td></tr>
                    <tr><td>7</td><td>7</td></tr>
                    <tr><td>8</td><td>8</td></tr>
                    <tr><td>9</td><td>9</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                    <tr><td>TD 1</td><td>TD 2</td></tr>
                </tbody>
            </table>
        </div>
    </body>
</html>

 body {
        background: #eaeaed;
        -webkit-print-color-adjust: exact;
        margin-top:100px;
        margin-bottom:100px;
    }
    .my-footer{
        background: #2db34a;
        bottom: 0;
        left: 0;
        position: fixed;
        right: 0;
        height: 80px;
    }
    .my-header {
        background: red;
        top: 0;
        left: 0;
        position: fixed;
        right: 0;
        height: 100px;
        padding-bottom: 10px;
     }
</style>

<html>

<head>
  <meta charset=utf-8 />
  <title>Header & Footer</title>
  
</head>

<body>
  <div class="container">
    <div class="my-header">Fixed Header</div>
    <div class="my-footer">Fixed Footer</div>
    <table>
      <thead>
        <tr>
          <th>TH 1</th>
          <th>TH 2</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>1</td>
          <td>1</td>
        </tr>
        <tr>
          <td>2</td>
          <td>2</td>
        </tr>
        <tr>
          <td>3</td>
          <td>3</td>
        </tr>
        <tr>
          <td>4</td>
          <td>4</td>
        </tr>
        <tr>
          <td>5</td>
          <td>5</td>
        </tr>
        <tr>
          <td>6</td>
          <td>6</td>
        </tr>
        <tr>
          <td>7</td>
          <td>7</td>
        </tr>
        <tr>
          <td>8</td>
          <td>8</td>
        </tr>
        <tr>
          <td>9</td>
          <td>9</td>
        </tr>
        <tr>
          <td>10</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>11</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>12</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>13</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>14</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>15</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>16</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>17</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>18</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>19</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>20</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>21</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>22</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>23</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>24</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>25</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>26</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>27</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>28</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>29</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>30</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>31</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>32</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>33</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>34</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>35</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>36</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>37</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>38</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>39</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>40</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>41</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>42</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>43</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>44</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>45</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>46</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>47</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>48</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>49</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>50</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>51</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
        <tr>
          <td>TD 1</td>
          <td>TD 2</td>
        </tr>
 
      </tbody>
    </table>
  </div>
</body>

</html>

Give the body a top and bottom margin, to compensate for the space taken up by the header and footer. — Shadow, Mar 16 '17 at 05:13

Nayana_Das · Answer 1 · 2017-03-17T07:07:31.407

0

The header and footer are created by the browser. The only one who can change this is the end-users.

In Mozilla, https://bug743252.bugzilla.mozilla.org/attachment.cgi?id=714383 (view page source-tag HTML), there was a option when we, replace <html> with <html moznomarginboxes mozdisallowselectionprint>. header and footer will be removed. But Unfortunately, this too will not work anymore after Firefox 48 is released (August 2016).

For other browsers, check out this site http://www.mintprintables.com/print-tips/header-footer-windows/. This is can be used as a help link for the user.

edited Mar 17 '17 at 07:07

answered Mar 16 '17 at 05:49

Nayana_Das

1,789
4
23
48

not working that code used for remove margin and all – Lijo Mattathil Mar 16 '17 at 05:53
the second page will not display u only fix the first page and first page scrolling option – Lijo Mattathil Mar 17 '17 at 06:57
Check out this answer : http://stackoverflow.com/a/1960944/3181136 . It says "There is no way to change the printer settings, margins, or any other browser setting, temporarily or permanently, from CSS or JavaScript" – Nayana_Das Mar 17 '17 at 07:10

score 0 · Answer 2 · answered Mar 16 '17 at 09:38

Try this!

 html,
     body {         
               height:   100%;
               min-height:   100%;
               background: #eaeaed;
               -webkit-print-color-adjust: exact;
               }
               .my-table
               {
                    position: absolute; 
                    top: 8%;
                    overflow: scroll;
                    height:83%;
                    width: 100%;
               }

               .my-footer
               {
                    background: #2db34a;
                    bottom: 0;
                    left: 0;
                    position: absolute;    ;
                    right: 0;
                    height: 8%;
               }
               .my-header 
               {
                    background: red;
                    top: 0;
                    left: 0;
                    position: absolute;    ;
                    right: 0;
                    height: 8%;
                    z-index:  9;
               }
          }

<html>
    <head>
        <meta charset=utf-8 />
        <title>Header & Footer</title>
 
    </head> 
    <body>
        <div style="height: 100%; position: relative; height:    100%;">
            <div class="my-header">Fixed Header</div>
            <div class="my-table">
               <table class="" style="">
                   <thead>
                       <tr><th>TH 1</th><th>TH 2</th></tr>
                   </thead>
                   <tbody>
                       <tr><td>1</td><td>1</td></tr>
                       <tr><td>2</td><td>2</td></tr>
                       <tr><td>3</td><td>3</td></tr>
                       <tr><td>4</td><td>4</td></tr>
                       <tr><td>5</td><td>5</td></tr>
                       <tr><td>6</td><td>6</td></tr>
                       <tr><td>7</td><td>7</td></tr>
                       <tr><td>8</td><td>8</td></tr>
                       <tr><td>9</td><td>9</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>TD 1</td><td>TD 2</td></tr>
                       <tr><td>End</td><td>End</td></tr>
                   </tbody>
               </table>
            </div>
            
            <div class="my-footer">Fixed Footer</div>
            
        </div>
    </body>
</html>

https://drive.google.com/drive/u/0/folders/0Bx-Wxy0XasH9dzBWOElIYlpydjQ — Doungdara, Mar 17 '17 at 10:47

While doing CSS print the body part is coming inside Header area

2 Answers2