Hi- I am new to CSS, and I am having a problem making a container take up 100% of the height of the page. This is my code:
#subPageLeftContent {
float:left;
width:427px;
height: 100%;
border-left-width:1px;
border-left-style: solid;
border-bottom-width:1px;
border-bottom-style: solid;
padding-left:10px;
padding-right:40px;
padding-bottom:20px;
border-color:#ccc; }
#subPageRightContent {
float:left;
width:200px;
height: 100%;
border-left-width:1px;
border-left-style: solid;
border-bottom-width:1px;
border-bottom-style: solid;
border-right-width:1px;
border-right-style: solid;
padding:10px;
border-color: #ccc;
background:#f6f6f6; }
However the subPageLeftContent and subPageRightContent only become as large as their content. Can I make this subPageLeftContent and subPageRightContent both touch the bottom of the page.
As currently one is longer is then the other, and it looks odd. The 100% height does not work.
-Depolitic
Top
