I’m using this following code:
body {
margin-bottom: 40px;
margin-right: 30px;
margin-left: 30px;
margin-top: 40px;
text-align: center;
font-size: 14px;
font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
}
Everything is good from the top and sideways but the page doesn’t reach to the bottom. How can I get it to reach all the way to the bottom?
Add
height: 100%;http://jsfiddle.net/uTG2R/
EDIT:
It appeared that it wasn’t only the html and body that needed to have their height set, but the table within was the actual culprit. By defining the height of the html and body tags we could then set the defined height of the table tag.