100% Page Height
Here's some old HTML/CSS that makes the page content occupy 100% of the height of the window. I realize this code is likely no longer applicable (probably much easier ways to do this nowadays) but I keep it around to suit my own needs
The code is as follows:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>100% Height</title>
<style type="text/css">
html,body
{
text-align: center;
margin: 0;
padding: 0;
height: 100%;
}
#container
{
margin: 0 auto;
height: 100%;
min-height: 100%;
background-color: red;
width: 75%;
border: 1px solid #666666;
}
#leftBar
{
float: left;
margin: 0 auto;
height: 100%;
min-height: 100%;
background-color: white;
width: 200px;
}
html>body #container {height: auto}
</style>
</head>
<body>
<div id="container">
<div id="leftBar">Left Bar</div>
</div>
</body>
</html>