Я пытаюсь создать очень простую страницу, которая содержит контейнер, заголовок, левый столбец и нижний колонтитул:
<containter>
<header />
<content />
<leftBar />
<footer />
</containter>
Я хочу использовать 100% высоты, как я могу сделать с шириной, но я просто не на t get it work.At his moment I'm using min-height , but how could I use the height: 100% ` Что мне нравится, так это то, что нижний колонтитул всегда виден, а вы прокручиваете содержимое.
Текущий CSS
body
{
font-family: Verdana;
font-size: 0.8em;
background-color:#f1f1f1;
}
#container {
border:solid 2px Black;
position:absolute;
left:10%;
width:80%;
margin:auto;
}
#header {
height:20px;
background: #DDDDDD;
}
#leftBar {
width: 20%;
background: #669966;
min-height:600px;
postion:absolute;
top:20px;
bottom:20px;
}
#content {
float:right;
background-color: #cdcde6;
position:absolute;
left:20%;
right:0px;
bottom:20px;
top:20px;
padding:5px;
}
#footer {
position:absolute;
height:20px;
}