Alex Dark
-
Posts
1 -
Joined
-
Last visited
Alex Dark's Achievements
Explorer (1/14)
0
Reputation
-
Всем доброе. Народ столкнулся с проблемой когда используется height div 100% и min-height 100% в ie 9. Суть проблемы при div height=100% дивы растягиваются на видимую часть экрана, но если текст привышает, то он выходит за границы <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style type="text/css"> html, body { width:100%; height:100%; margin:0; padding:0; } #layer_0 { height:100%; background-color:#999999; } .layer_1 { height:100%; width:600px; background-color:#99CCFF; } .layer_2 { height:100%; width:300px; background-color:#CC66FF; } </style> </head> <body> <div id="layer_0" align="center"> <div class="layer_1"> <div class="layer_2"> 123 <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> 456 </div> </div> </div> </body> </html> и вродебы вопрос решается кода в блоке css #layer_0 - height:100%; меняю на min-height:100%; дивы тянуться все нормуль, но стоит уменьшить текст появляется очередная бяка, а именно слои больше не растягиваются, кроме layer_0, даже на высоту экрана буду очень благодарен за кроссбраузерное решение. Суть моей задачи сайт вытянутый по высоте с боковым обрамление и подвалом в низу, самом низу.