Make a div fill the height of the remaining screen space I am currently working on a web application, where I want the content to fill the height of the entire screen. The page has a header, which contains a logo, and account information. This could be an arbitrary height. I want the content div to fill the rest of the page to the bottom. I have a header div and a content div. At the moment I am using a table for the layout like

Add table row in jQuery What is the best method in jQuery to add an additional row to a table as the last row? Is this acceptable? $('#myTable').append('<tr><td>my data</td><td>more data</td></tr>'); Are there limitations to what you can add to a table like this (such as inputs, selects, number of rows)? Answer: The approach you suggest is not guaranteed to give you the result you're looking for - what if you had a tbody for example: <table id="myTable"> <tbody> <tr>...</tr> <tr>...</tr> </tbody> </table> You would end