Здравствуйте,
Как можно сделать высоту middle во всю высоту между header и footer, чтобы была полосой, не только от объема содержимого.
| Код |
body {
margin: 0px 0px;
padding: 0px 0px;
text-align: center;
}
#wrapper {
width: 100%;
margin: 0 auto;
padding: 0px 0px;
text-align: left;
min-height: 100%;
background-color: #cccccc;
}
#header {
height: 25px;
background-color: #252525;
border-bottom: 1px #777777 solid;
}
#middle {
width: 100%;
padding-bottom: 30px;
background-color: #eeeeee;
}
#leftPanel {
}
#footer {
width: 100%;
clear: both;
height: 30px;
color: #aaaaaa;
font-size: 11px;
margin-top: -31px;
text-align: center;
background-color: #222222;
border-top: 1px #777777 solid;
}
|
не хватает грамотного стиля для middle.
Вот что я хочу получить:
http://s1.ipicture.ru/uploads/20111227/0FuGd7R5.png
Чтобы оранжевая и голубая колонки имели такую высоту не зависимо от содержимого, а когда содержимое их переполняло должно быть растяжение макета как обычно, что можете посоветовать,
Спасибо. |