It is necessary to add a line located at the bottom of the page.

data.jsp:

<div style="width:40%;"> <table id="paytable" class="display cell-border" cellspacing="0" width="100%"> <thead> <tr> <th>Id</th> <th>Lastname</th> <th>Firstname</th> <th>Gender</th> </tr> </thead> <tbody> </tbody> <tfoot> <tr> <th>Total</th> <th></th> <th></th> <th></th> </tr> </tfoot> </table> </div>

footeros.jsp:

 <footeros> &nbsp; </footeros>

.css:

 footeros { position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; background-color: #22c840; }

Perhaps a problem in position . position: absolute | fixed | relative | static | inherit position: absolute | fixed | relative | static | inherit If you use position: fixed does, but the strip is always at the bottom of the экрана (thus occupying a part of the screen), but at the bottom of the страницы !

    3 answers 3

    Implementation on flexbox

    HTML

     <body> <main>Some content...</main> <footeros></footeros> </body>

    CSS

     body { margin: 0; padding:0; display: flex; min-height: 100vh; flex-direction: column; } main { flex: 1; } footeros { width: 100%; display: block; height: 50px; background-color: #22c840; }

    Demo: http://codepen.io/anon/pen/zqaMvZ

    PS In the demo for cross-browser walked through autoprefixer

      It is not very clear what you want to do. I can only assume, as an option: Example on jsfiddle.net

      HTML:

       <h3>Page wrapper</h3> <div id='page'> <table cellspacing="0" border=1> <thead> <tr> <th>Id</th> <th>Lastname</th> <th>Firstname</th> <th>Gender</th> </tr> </thead> <tbody></tbody> <tfoot> <tr> <th>Total</th> <th></th> <th></th> <th></th> </tr> </tfoot> </table> <footeros></footeros> </div>

      CSS:

       #page { width: 100%; position: relative; min-height: 300px; border: 1px solid gray; } footeros { position: absolute; left: 0; bottom: 50px; width: 100%; height: 50px; background-color: #22c840; }

        And try to make the body just border bottom: 50px solid color , that is, stretch the block to full screen and assign it a border.

        • Try to write more detailed answers. Explain what is the basis of your statement? - Nicolas Chabanovsky ♦