Растянуть элемент Div на всю высоту родительского div

@Alternate · Регистрация: 29.06.2013

Студворк — интернет-сервис помощи студентам

Как сделать что бы элемент Div растягивался на всю высоту следующего элемента?

Я только начинающий верстальщик и возникла такая проблема, хотелось бы услышать мнение профессионалов.
Есть 2 элемента DIV, у первого элемента СSS задан параметр float:left;

В процессе верстки, второй элемент получается более высокий, там больше контента.

Нужно сделать что бы высота первого элемента=высоте второго. Вариант height: c точным значением не подходит, потому что второй элемент в процессе использование будет автоматически расширяться.

На первой картинке показано как получается

Растянуть элемент Div на всю высоту родительского div

На второй так как хочу сделать. заранее спасибо за ответы!

@Ruisenor · 01.07.2013, 20:32

Поставь в обоих высоту height : 100% - если они оба будут заключены в один див , то будут растягиваться по всей высоте родительского див - блока . А лучше выложи код здесь посмотреть и тогда можно будет более конкретно ответить .

@Alternate · 01.07.2013, 21:45 **[ТС]**

Вот такой код:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<div id="wrap">
        <div id="left_conteiner">
            Замерзание смещает диабаз, где на поверхность выведены кристаллические структуры фундамента. 
            Распространиение вулканов обогащает гранит, поскольку непосредственно мантийные струи не наблюдаются. 
            Геосинклиналь полого сбрасывает гейзер, включая и гряды Чернова, Чернышева и др. Присоединение органического
            вещества продольно поступает в эрозионный апофиз, в соответствии с изменениями в суммарной минерализации.
            Боксит локально переоткладывает горст, в тоже время поднимаясь в пределах горстов до абсолютных высот 250 м.
            Оливин горизонально варьирует тектогенез, что в общем свидетельствует о преобладании тектонических опусканий 
            в это время. Элювиальное образование, особенно в верхах разреза, сдвигает батолит, что обусловлено не только
            первичными неровностями эрозионно-тектонического рельефа поверхности кристаллических пород, но и проявлениями
            долее поздней блоковой тектоники. Седиментация однослойна. Область развития мерзлых пород структурно формирует
            подземный сток, что в конце концов приведет к полному разрушению хребта под действием собственного веса. Ледниковое
            озеро локально опускает плоскостной орогенез, так как совершенно однозначно указывает на существование и рост в
            период оформления палеогеновой поверхности выравнивания. Геотемпературная аномалия косо занимает сталактит, причем,
            вероятно, быстрее, чем прочность мантийного вещества.Бифуркация русла ортогонально поступает в субаквальный блеск,
            что свидетельствует о проникновении днепровских льдов в бассейн Дона. Глубина очага землетрясения полого ослабляет 
            меандр, что свидетельствует о проникновении днепровских льдов в бассейн Дона. Если принять во внимание огромный вес
            Гималайев, жеода высвобождает хлоридно-гидрокарбонатный афтершок, в то время как значения максимумов изменяются в
            широких пределах. Друмлин вертикально опускает железистый туффит, в соответствии с изменениями в суммарной минерализации.
            Спайность обедняет замок складки, что позволяет проследить соответствующий денудационный уровень.
        </div>
        <div id="center_conteiner">
            Всякая психическая функция в культурном развитии ребенка появляется на сцену дважды, в двух планах,— сперва социальном,
            потом — психологическом, следовательно сновидение непосредственно понимает сексуальный страх, хотя этот факт нуждается в 
            дальнейшей проверке наблюдением. Онтогенез речи точно интегрирует страх, это обозначено Ли Россом как фундаментальная ошибка 
            атрибуции, которая прослеживается во многих экспериментах. Чувство многопланово иллюстрирует инсайт, что отмечают такие
            крупнейшие ученые как Фрейд, Адлер, Юнг, Эриксон, Фромм. Импульс осознаёт экспериментальный стимул, Гоббс одним из первых
            осветил эту проблему с позиций психологии. Этот концепт элиминирует концепт «нормального», однако действие притягивает 
            когнитивный стресс, Гоббс одним из первых осветил эту проблему с позиций психологии.Акцентуация выбирает закон, таким
            образом, стратегия поведения, выгодная отдельному человеку, ведет к коллективному проигрышу. После того как тема
            сформулирована, действие интегрирует сексуальный бихевиоризм, таким образом осуществляется своего рода связь с темнотой 
            бессознательного. Роджерс определял терапию как, сознание дает аутизм, что отмечают такие крупнейшие ученые как Фрейд, Адлер,
            Юнг, Эриксон, Фромм. Выготский разработал, ориентируясь на методологию марксизма, учение которое утверждает что, проекция
            последовательно иллюстрирует эриксоновский гипноз, что вызвало развитие функционализма и сравнительно-психологических 
            исследований поведения. Объект, по определению, отражает социальный страх, в частности, "тюремные психозы", индуцируемые 
            при различных психопатологических типологиях. Страх, иcходя из того, что интегрирует депрессивный филогенез, хотя Уотсон
            это отрицал.
        </div>
        <div id="right_conteiner">
            Гендер, как бы это ни казалось парадоксальным, притягивает культурный генезис, таким образом, стратегия поведения, выгодная
            отдельному человеку, ведет к коллективному проигрышу. Роджерс определял терапию как, психическая саморегуляция аннигилирует 
            инсайт, хотя этот факт нуждается в дальнейшей проверке наблюдением. Архетип отражает конформизм, также это подчеркивается в 
            труде Дж.Морено "Театр Спонтанности". Когнитивная составляющая, как принято считать, отражает гендерный архетип, как и 
            предсказывают практические аспекты использования принципов гештальпсихологии в области восприятия, обучения, развития психики,
            социальных взаимоотношений. Мышление начинает интеллект, хотя этот факт нуждается в дальнейшей проверке наблюдением.
        </div>
        <div class="clear"></div>
    </div>

и СSS к нему:

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
               #wrap {
            width:1100px;
            background:#ccc;
            margin:0 auto;
            height:100%;
        }
        
        #left_conteiner {
            width:300px;
            background:green;
            height:100%;
            float:left;         
        }
        
        #center_conteiner {
            width:400px;
            background:yellow;
            height:100%;
            float:left;         
        }
        
        #right_conteiner {
            width:300px;
            background:blue;
            height:100%;
            float:left;         
        }
        
        .clear {
            clear:both;
        }

Добавлено через 8 минут
То что получилось

@Ruisenor · 01.07.2013, 22:20

если вы хотите использовать разный цвет в этих трех блоках с разным количеством контента то так и останется - просто поставьте один фон для всех трех блоков. С верху поставьте хидер и внизу футер и они будут растягивать страницу между футером и хидером равномерно .

@Alternate · 01.07.2013, 22:26 **[ТС]**

Ruisenor, Спасибо. Так и сделаю.

@uaDUREMARua · 02.07.2013, 01:05

Если все же нужны разноцветные колонки то можно сделать вот так:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Главная страница</title>
<link rel="stylesheet" href="122.css" type="text/css">
</head>
<body>
<div id="wrap">
            <div id="left_conteiner">Замерзание смещает диабаз, где на поверхность выведены кристаллические структуры фундамента. 
            Распространиение вулканов обогащает гранит, поскольку непосредственно мантийные струи не наблюдаются. 
            Геосинклиналь полого сбрасывает гейзер, включая и гряды Чернова, Чернышева и др. Присоединение органического
            вещества продольно поступает в эрозионный апофиз, в соответствии с изменениями в суммарной минерализации.
            Боксит локально переоткладывает горст, в тоже время поднимаясь в пределах горстов до абсолютных высот 250 м.
            Оливин горизонально варьирует тектогенез, что в общем свидетельствует о преобладании тектонических опусканий 
            в это время. Элювиальное образование, особенно в верхах разреза, сдвигает батолит, что обусловлено не только
            первичными неровностями эрозионно-тектонического рельефа поверхности кристаллических пород, но и проявлениями
            долее поздней блоковой тектоники. Седиментация однослойна. Область развития мерзлых пород структурно формирует
            подземный сток, что в конце концов приведет к полному разрушению хребта под действием собственного веса. Ледниковое
            озеро локально опускает плоскостной орогенез, так как совершенно однозначно указывает на существование и рост в
            период оформления палеогеновой поверхности выравнивания. Геотемпературная аномалия косо занимает сталактит, причем,
            вероятно, быстрее, чем прочность мантийного вещества.Бифуркация русла ортогонально поступает в субаквальный блеск,
            что свидетельствует о проникновении днепровских льдов в бассейн Дона. Глубина очага землетрясения полого ослабляет 
            меандр, что свидетельствует о проникновении днепровских льдов в бассейн Дона. Если принять во внимание огромный вес
            Гималайев, жеода высвобождает хлоридно-гидрокарбонатный афтершок, в то время как значения максимумов изменяются в
            широких пределах. Друмлин вертикально опускает железистый туффит, в соответствии с изменениями в суммарной минерализации.
            Спайность обедняет замок складки, что позволяет проследить соответствующий денудационный уровень.</div>
            <div id="center_conteiner">Всякая психическая функция в культурном развитии ребенка появляется на сцену дважды, в двух планах,— сперва социальном,
            потом — психологическом, следовательно сновидение непосредственно понимает сексуальный страх, хотя этот факт нуждается в 
            дальнейшей проверке наблюдением. Онтогенез речи точно интегрирует страх, это обозначено Ли Россом как фундаментальная ошибка 
            атрибуции, которая прослеживается во многих экспериментах. Чувство многопланово иллюстрирует инсайт, что отмечают такие
            крупнейшие ученые как Фрейд, Адлер, Юнг, Эриксон, Фромм. Импульс осознаёт экспериментальный стимул, Гоббс одним из первых
            осветил эту проблему с позиций психологии. Этот концепт элиминирует концепт «нормального», однако действие притягивает 
            когнитивный стресс, Гоббс одним из первых осветил эту проблему с позиций психологии.Акцентуация выбирает закон, таким
            образом, стратегия поведения, выгодная отдельному человеку, ведет к коллективному проигрышу. После того как тема
            сформулирована, действие интегрирует сексуальный бихевиоризм, таким образом осуществляется своего рода связь с темнотой 
            бессознательного. Роджерс определял терапию как, сознание дает аутизм, что отмечают такие крупнейшие ученые как Фрейд, Адлер,
            Юнг, Эриксон, Фромм. Выготский разработал, ориентируясь на методологию марксизма, учение которое утверждает что, проекция
            последовательно иллюстрирует эриксоновский гипноз, что вызвало развитие функционализма и сравнительно-психологических 
            исследований поведения. Объект, по определению, отражает социальный страх, в частности, "тюремные психозы", индуцируемые 
            при различных психопатологических типологиях. Страх, иcходя из того, что интегрирует депрессивный филогенез, хотя Уотсон
            это отрицал.
            </div>
            <div id="right_conteiner">Гендер, как бы это ни казалось парадоксальным, притягивает культурный генезис, таким образом, стратегия поведения, выгодная
            отдельному человеку, ведет к коллективному проигрышу. Роджерс определял терапию как, психическая саморегуляция аннигилирует 
            инсайт, хотя этот факт нуждается в дальнейшей проверке наблюдением. Архетип отражает конформизм, также это подчеркивается в 
            труде Дж.Морено "Театр Спонтанности". Когнитивная составляющая, как принято считать, отражает гендерный архетип, как и 
            предсказывают практические аспекты использования принципов гештальпсихологии в области восприятия, обучения, развития психики,
            социальных взаимоотношений. Мышление начинает интеллект, хотя этот факт нуждается в дальнейшей проверке наблюдением.</div>
</div>
</body>
</html>

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
#wrap{
    width:1100px;
    margin:auto;
 
    overflow:hidden;
}
#left_conteiner{
    width:300px;
    float:left;
    background:green;
    padding-bottom: 20000px;
    margin-bottom: -20000px;
}
#center_conteiner{
    width:500px;
    float:left;
    background:yellow;
    padding-bottom: 20000px;
    margin-bottom: -20000px;
}
#right_conteiner{
    width:300px;
    float:left;
    background:blue;
    padding-bottom: 20000px;
    margin-bottom: -20000px;
}

@Ruisenor · 02.07.2013, 01:47

Сообщение от uaDUREMARua

Если все же нужны разноцветные колонки то можно сделать вот так:

проверил работает - интересное решение . Еще нужно просмотреть как будут реагировать на этот момент разные браузеры. В принципе если нужно использовать разные цвета блоков, то можно и этот метод использовать - предаварительно протестировав в разных системах .

@Sabio · 02.07.2013, 18:44

Быть може вам подойдёт вариант переделать по подобной схеме:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Главная страница</title>
        <link type="text/css" rel="stylesheet" href="css/main.css">
    </head>
    <style>
        html{
        background:#678;
        color:#333;
        font:16px calibri, sans-serif;
        }
        body{
            margin:0;
        }
        #container{
            width:900px;
            background:#fff;
            padding:10px;
            margin:auto;
        }
        #header{
            height:100px;
            background:#cff;
        }
        #footer{
            height:100px;
            background:#fcf;
        }
        #outer{
            margin:10px 0;
            background:url(../i/right.png) repeat-y 100%;
        }
        #inner{
            background:url(../i/left.png) repeat-y;
        }
        #left{
            float:left;
            width:200px
        }
        #right{
            float:right;
            width:200px
        }
        #center{
            margin:0 210px;
        }
        #end{
            clear:both;
        }
    </style>
    <body>
        <div id="container">
            <!-- Header -->
            <div id="header">
            </div>
            <!-- Main Content-->
            <div id="outer">
                <div id="inner">
                    <div id="left">left left left left left left 
                    left left left</div>
                    <div id="right">right right right right 
                    right right
                    right right</div>
                    <div id="center"> text text text text text text text text text 
                    text text text text text text text text text text text text text
                    text text text text text text text text text text text text text
                    text text text text text text text text text text text text text
                    text text text text text text text text text text text text text
                    text text text text text text text text text text 
                    text text text text text text text text text text text text text 
                    text text text text text text text</div>
                    <div id="end"></div>
                </div>
            </div>
            <!-- Footer -->
            <div id="footer">
            </div>
        </div>
    </body>
</html>

@Alternate · 02.07.2013, 21:34 **[ТС]**

uaDUREMARua, Именно то что нужно. проверил в браузерах все корректно, в IE начиная с 8 версии.

Нашел еще один способ.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Главная страница</title>
<link rel="stylesheet" href="122.css" type="text/css">
</head>
<style>
    #wrap{
    width:1100px;
    margin:auto; 
    overflow:hidden;
    display:table;
}
#left_conteiner{
    width:300px;
    background:green;
    display:table-cell;
}
#center_conteiner{
    width:500px;
    background:yellow;
    display:table-cell;
}
#right_conteiner{
    width:300px;
    background:blue;
    display:table-cell;
}
</style>
<body>
<div id="wrap">
            <div id="left_conteiner">Замерзание смещает диабаз, где на поверхность выведены кристаллические структуры фундамента. 
            Распространиение вулканов обогащает гранит, поскольку непосредственно мантийные струи не наблюдаются. 
            Геосинклиналь полого сбрасывает гейзер, включая и гряды Чернова, Чернышева и др. Присоединение органического
            вещества продольно поступает в эрозионный апофиз, в соответствии с изменениями в суммарной минерализации.
            Боксит локально переоткладывает горст, в тоже время поднимаясь в пределах горстов до абсолютных высот 250 м.
            Оливин горизонально варьирует тектогенез, что в общем свидетельствует о преобладании тектонических опусканий 
            в это время. Элювиальное образование, особенно в верхах разреза, сдвигает батолит, что обусловлено не только
            первичными неровностями эрозионно-тектонического рельефа поверхности кристаллических пород, но и проявлениями
            долее поздней блоковой тектоники. Седиментация однослойна. Область развития мерзлых пород структурно формирует
            подземный сток, что в конце концов приведет к полному разрушению хребта под действием собственного веса. Ледниковое
            озеро локально опускает плоскостной орогенез, так как совершенно однозначно указывает на существование и рост в
            период оформления палеогеновой поверхности выравнивания. Геотемпературная аномалия косо занимает сталактит, причем,
            вероятно, быстрее, чем прочность мантийного вещества.Бифуркация русла ортогонально поступает в субаквальный блеск,
            что свидетельствует о проникновении днепровских льдов в бассейн Дона. Глубина очага землетрясения полого ослабляет 
            меандр, что свидетельствует о проникновении днепровских льдов в бассейн Дона. Если принять во внимание огромный вес
            Гималайев, жеода высвобождает хлоридно-гидрокарбонатный афтершок, в то время как значения максимумов изменяются в
            широких пределах. Друмлин вертикально опускает железистый туффит, в соответствии с изменениями в суммарной минерализации.
            Спайность обедняет замок складки, что позволяет проследить соответствующий денудационный уровень.</div>
            <div id="center_conteiner">Всякая психическая функция в культурном развитии ребенка появляется на сцену дважды, в двух планах,— сперва социальном,
            потом — психологическом, следовательно сновидение непосредственно понимает сексуальный страх, хотя этот факт нуждается в 
            дальнейшей проверке наблюдением. Онтогенез речи точно интегрирует страх, это обозначено Ли Россом как фундаментальная ошибка 
            атрибуции, которая прослеживается во многих экспериментах. Чувство многопланово иллюстрирует инсайт, что отмечают такие
            крупнейшие ученые как Фрейд, Адлер, Юнг, Эриксон, Фромм. Импульс осознаёт экспериментальный стимул, Гоббс одним из первых
            осветил эту проблему с позиций психологии. Этот концепт элиминирует концепт «нормального», однако действие притягивает 
            когнитивный стресс, Гоббс одним из первых осветил эту проблему с позиций психологии.Акцентуация выбирает закон, таким
            образом, стратегия поведения, выгодная отдельному человеку, ведет к коллективному проигрышу. После того как тема
            сформулирована, действие интегрирует сексуальный бихевиоризм, таким образом осуществляется своего рода связь с темнотой 
            бессознательного. Роджерс определял терапию как, сознание дает аутизм, что отмечают такие крупнейшие ученые как Фрейд, Адлер,
            Юнг, Эриксон, Фромм. Выготский разработал, ориентируясь на методологию марксизма, учение которое утверждает что, проекция
            последовательно иллюстрирует эриксоновский гипноз, что вызвало развитие функционализма и сравнительно-психологических 
            исследований поведения. Объект, по определению, отражает социальный страх, в частности, "тюремные психозы", индуцируемые 
            при различных психопатологических типологиях. Страх, иcходя из того, что интегрирует депрессивный филогенез, хотя Уотсон
            это отрицал.
            </div>
            <div id="right_conteiner">Гендер, как бы это ни казалось парадоксальным, притягивает культурный генезис, таким образом, стратегия поведения, выгодная
            отдельному человеку, ведет к коллективному проигрышу. Роджерс определял терапию как, психическая саморегуляция аннигилирует 
            инсайт, хотя этот факт нуждается в дальнейшей проверке наблюдением. Архетип отражает конформизм, также это подчеркивается в 
            труде Дж.Морено "Театр Спонтанности". Когнитивная составляющая, как принято считать, отражает гендерный архетип, как и 
            предсказывают практические аспекты использования принципов гештальпсихологии в области восприятия, обучения, развития психики,
            социальных взаимоотношений. Мышление начинает интеллект, хотя этот факт нуждается в дальнейшей проверке наблюдением.</div>
</div>
</body>
</html>

@Ruisenor · 02.07.2013, 21:43

Сообщение от Alternate

Нашел еще один способ.

тоже хороший способ - вот теперь есть как минимум три способа - если поковыряться еще можно найти как выйти из этой ситуации.

@Haidar Serhii · 21.10.2016, 10:29

Alternate, Хороший способ с table)

Новые блоги и статьи Все статьи Все блоги /
Access VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .	Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .	Мысли в слух kumehtar 18.11.2025 Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .	Создание Single Page Application на фреймах krapotkin 16.11.2025 Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .	Фото: Daniel Greenwood kumehtar 13.11.2025

@Alternate 1 / 1 / 0 Регистрация: 29.06.2013 Сообщений: 12

	Растянуть элемент Div на всю высоту родительского div 29.06.2013, 01:02. Показов 29369. Ответов 10 Метки нет (Все метки) Как сделать что бы элемент Div растягивался на всю высоту следующего элемента? Я только начинающий верстальщик и возникла такая проблема, хотелось бы услышать мнение профессионалов. Есть 2 элемента DIV, у первого элемента СSS задан параметр float:left; В процессе верстки, второй элемент получается более высокий, там больше контента. Нужно сделать что бы высота первого элемента=высоте второго. Вариант height: c точным значением не подходит, потому что второй элемент в процессе использование будет автоматически расширяться. На первой картинке показано как получается На второй так как хочу сделать. заранее спасибо за ответы! 0

@Ruisenor 130 / 130 / 1 Регистрация: 29.05.2013 Сообщений: 612
	01.07.2013, 20:32
	Поставь в обоих высоту height : 100% - если они оба будут заключены в один див , то будут растягиваться по всей высоте родительского див - блока . А лучше выложи код здесь посмотреть и тогда можно будет более конкретно ответить . 0

@Ruisenor 130 / 130 / 1 Регистрация: 29.05.2013 Сообщений: 612
	01.07.2013, 22:20
	если вы хотите использовать разный цвет в этих трех блоках с разным количеством контента то так и останется - просто поставьте один фон для всех трех блоков. С верху поставьте хидер и внизу футер и они будут растягивать страницу между футером и хидером равномерно . 1

@Alternate 1 / 1 / 0 Регистрация: 29.06.2013 Сообщений: 12
	01.07.2013, 22:26 [ТС]
	Ruisenor, Спасибо. Так и сделаю. 0

@Haidar Serhii 0 / 0 / 0 Регистрация: 08.07.2016 Сообщений: 6
	21.10.2016, 10:29
	Alternate, Хороший способ с table) 0