I am attempting to create a div for content that spans the entire height of a page between my header and footer. Setting the height to 100% accomplishes this, but it only goes as high as the content within the div. There are times when I may have minimal content, like only one sentence, yet I want the div, complete with a background or border, to extend the length of the screen until it reaches the approximately 75px tall footer. Is there a simple way to achieve this using CSS? Currently, my CSS looks like this:
<style>
#content {
margin-top: 0px;
height: 800px;
width: 800px;
margin-left: auto;
margin-right: auto;
background-color: #E0E0E0 ;
}
</style>
</head>
<body>
<div id="content">
This is a div! With some centered content.
</div>