Пытаюсь сделать шаблон, который можно было бы потом использовать как для сайтов с фиксированной шириной, так и для резиновых: http://maestro-magnifico.ru/ Как видите, body я задал background, а ширина главного дива с классом main_border, который содержит все остальные, сейчас задана в процентах. Проблема в том, что когда текст в центральном блоке сужается, футер и сам центральный блок уезжают вниз, а родительский div, который их содержит - почему-то нет. В css вкратце задано: [css]html { height: 100%; } body { height:100%; background-image:url('images/bg.gif'); } .main_border { border:solid 1px #333333; width: 90%; height:99.7%; /* с запасом для бордеров */ margin:0 auto; background-color:#FFFFFF; min-width: 600px; }[/css] Как сделать, чтобы главный div тоже уползал вниз?
Попробуй так, вроде бы то что нужно, работает HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Документ без названия</title> <style type="text/css"> #main{ background-color:#ffc; } #rightboard, #leftboard{ width:150px; min-height:400px; } #rightboard{ float:right; } #leftboard{ float:left; } #content{ min-height:400px; margin:0 150px; border-right:2px dotted #eee; border-left:2px dotted #eee; background-color:#cfc; } #header, #footer{ border-top:2px dotted #eee; height:75px; background-color:#300; } </style> </head> <body> <div id="header"> </div> <div id="main"> <div id="leftboard"> </div> <div id="rightboard"> </div> <div id="content"> </div> </div> <div id="footer"> </div> </body> </html> Ну стили понятно, что свои, главное структура вложения блоков
Всё, проехали... уже допёр почему это происходит и почему тут нужен JavaScript.) Мне короче нужно было, чтобы блок main_border всегда был по высоте окна. Очень странно, что CSS позволяет задать ширину объекта в процентах и она автоматически ресайзится если сузить окно браузера, а высота задаётся, но нифига не ресайзится...