Query:
Sometimes in HTML designed we wanted to create a table that can span across entire HTML body. This typically requires when we want to allocate the Header and Footer space. And also want to dock the header at top and footer to the bottom.
To do this we need to add 3 table rows with single table cell and then set HTML Table height and width properties to 100%. Having said that; we also need to give some fix height to first row and third row; so that the middle area will automatically gets adjusted to 100%.
In some cases, like different browsers, HTML created in ASP.Net etc may not give the required outputs. To overcome there is a simple solution.
Solution 1: Typically in ASP.Net every HTML element is under [Form] tag. If you have set table height and width properties to 100% and still not able to see that table is actually not spanned the entire body area; then try to add 100% height (or width whichever is not working) to [Form] tag as well.
Solution 2: Try to explicitly set the table cell height to 100%. Ideally, if you have a single celled table and if you have set width and height to 100% it actually applies to the table cell itself. But some of the browsers unable to set these values correctly. In this case if we explicitly mention the table cell height (or width whichever is not working) to 100%, it has to work.
