How to make a table stretch to 100% height of window in CSS. CSS guides, tutorials and help

Date Posted: Sunday 07th of February 2010 | Category: CSS

How to make a table stretch to 100% height of window in CSS
To make a table stretch 100% height of the window without scrolling, copy and paste the following code in to your html document.

Change the width and backgroud colour of the table to whatever you like by changing the values in the css code.

<style type="text/css">
html,body,table#pagelayout {
height:100%;
width:1000px;
margin:auto;
background-color: #D1D1D1;
}
</style>

<table id=pagelayout>
<tr>
<td>Table is 100% height of screen</td>
</tr>
</table>