Всем привет! Такая проблема: не могу сделать две колонки (одна левое меню, другая контент), чтобы та колонка в которой содержимого больше, растягивалась по размеру на это самое содержимое, а соседняя выравнивалась вровень с ней. Т.е. грубо говоря чтобы они всегда были одинаковы по высоте. Большое спасибо за ответы! Вот макет: html, body { width:100%; height:100%; margin:0; padding:0; } * html #content { height: 100%; } body { background: blue; font-family: Helvetica,Arial,sans-serif; line-height: 1.3em; font-size: 12px; height: 100%; } .header { background: red; position: relative; height: 356px; width: 998px; margin: 0 auto; } .main { background: white; position: relative; width: 998px; margin: 0 auto; } .left_column { background: green; float: left; width: 199px; height: 50%; z-index: 1; } .content { background: #ad7e59; position: relative; width: 777px; margin-left: 215px; } .footer { background: grey; position: relative; height: 102px; width: 998px; margin: 0 auto; } <body> <div class="header"> </div> <div class="main"> <div class="left_column"> </div> <div class="content"> </div> </div> <div class="footer"> </div> </body>
