как расстянуть несколько вложенных div-вов по высоте

sarlv · December 19, 2008

Сайт со сложной версткой бэкграундов.

Нужно расстянуть несколько вложенных div-вов по высоте (.wp1, .wp2, .wp3), чтобы футер при этом был прижат к низу.

Расстягивается только wrapper, а .wp1, .wp2, .wp3 - НЕТ!!! Буду очень благодарен за совет.

Вот код:

<html>

<title>Макет</title>

* {margin: 0; padding: 0;}

html, body {height:100%;}

body {min-height:100%;}

.wrapper, .wp1, .wp2, .wp3 { position:relative;min-height:100%; height:100%; width:1000px;}

* html .wrapper,* html .wp1, * html .wp2, * html .wp3 {height:100%;} /* хак для ie6 */

.header {background: blue;}

.sidebar {float:left; width:200px; background: red;}

.content {float:right; width: 750px; background: green;}

.footer{position:absolute; bottom:0; height:50px; width:100%; clear:both; background: yellow;}

</style>

</head>

<body>

<div class="header">шапка</div>

<div class="sidebar">левая колонка</div>

<div class="content">контентная часть</div>

<div class="footer">footer</div></div>

</div>

</body>

</html>

Vlad · December 19, 2008

А что, доктайпа нет?!

sarlv · December 19, 2008

Доктайп я удалил для читабельности кода на форуме, на самом деле он есть

Дело в том, что я обшарил кучу сайтов и ничего путного найти не смог, таблицами делать не хочется.

Если кто сталкивался с подобной проблемой, пожалуйста подскажите

Question