I ask you right away not to throw sneakers at me with the words that this is a haughty question and I am just too lazy to go to Google. In general, having climbed a couple of pages of Google, I did not find a solution. The essence of the question is how to stretch the table to the footer in such a structure
<body> <div id="wrapper"> <div id="header"> <div class="navbar" style="font-size:0;line-height:0;"></div> </div> <table border="0" cellpadding="0" cellspacing="0" id="content_table" width="1030"> <tbody> <tr> <td class="sidebord left_s top_left"><img height="100" src={{=URL('static','images/top_left.png')}} width="16"></td> <td class="content" rowspan="3">ТутБудет тело вухахаха<br><br><br><br><br><br><br><br> Aggg </td> <td class="sidebord right_s top_right"><img height="100" src={{=URL('static','images/top_right.png')}} width="16"></td> </tr> <tr> <td class="sidebord left_s"> </td> <td class="sidebord right_s"> </td> </tr> <tr> <td class="sidebord left_s"><div class="bottom_left" position><img height="100" src={{=URL('static','images/bottom_left.png')}} width="16"></div></td> <td class="sidebord right_s "><div class="bottom_right" position><img height="100" src={{=URL('static','images/bottom_right.png')}} width="16"></div></td> </tr> </tbody> </table> </div> <div id="footer"> <img height="150" src={{=URL('static','images/footer.png')}} width="1000"> </div> </body> but css
.content { background-color: #fff; min-height: 100%; width: 1000px; } #content_table { border-collapse: collapse; height: 100% margin: 0px auto; } #wrapper { background: green; height: auto; margin-left: auto; margin-right: auto; margin: -150px auto 0px; min-height: 100%; width: 1032px; } #header { margin-top: 0px; padding-top: 150px; } html, body { ); height: 100%; margin: 0px; padding: 0px; background-image:url("{{=URL('static','images/main_background.png");}} } pre { margin: 0px; } #footer { background: blue; border-top: 0px; height: 150px; margin-left: auto; margin-right: auto; margin: 0px auto; width: 1000px; } 
