sarlv
-
Posts
3 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by sarlv
-
http://xhtml.ru/2005/10/18/footer-stick/ здесь два простых совета, как прижать футер к низу страницы
-
как расстянуть несколько вложенных div-вов по высоте
sarlv replied to sarlv's question in HTML Coding
Доктайп я удалил для читабельности кода на форуме, на самом деле он есть Дело в том, что я обшарил кучу сайтов и ничего путного найти не смог, таблицами делать не хочется. Если кто сталкивался с подобной проблемой, пожалуйста подскажите -
Сайт со сложной версткой бэкграундов. Нужно расстянуть несколько вложенных div-вов по высоте (.wp1, .wp2, .wp3), чтобы футер при этом был прижат к низу. Расстягивается только wrapper, а .wp1, .wp2, .wp3 - НЕТ!!! Буду очень благодарен за совет. Вот код: <html> <title>Макет</title> <style type="text/css"> * {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="wrapper"> <div class="wp1"> <div class="wp2"> <div class="wp3"> <div class="main"> <div class="header">шапка</div> <div class="sidebar">левая колонка</div> <div class="content">контентная часть</div> <div class="clear"><!—-></div> <div class="footer">footer</div></div> </div> </div> </div> </div> </body> </html>