Как растянуть div блок на всю высоту страницы средствами CSS?

12
[Удален]
#11
Alex_vgf:
height:100%

Сами то пробовали?

N
На сайте с 30.07.2012
Offline
0
#12
Saitoff:
Значит не правильно запихиваете... У меня работает.

Ваш скрипт какой-то геморный. Слишком много лишних функций. В любом случае, скрипты тут не помогают. Почему не знаю. Колонки выравниваются верно, но прекращает увеличиваться центральный блок, блок закончен а текст идёт дальше вниз.

---------- Добавлено 31.07.2012 в 13:34 ----------

Сашко:
Да не нужно никаких скриптов прикручивать, фигнёй занимаетесь. Для таких задач вырезается картинка к примеру 1000х5 и повторяется по вертикали.

Не хотел использовать этот способ, но видимо придётся. Спасибо.

A-des
На сайте с 26.05.2007
Offline
96
#13

njuha, попробуйте такой вариант:

body
{
background:#747474; /* цвет фона поставил только для придания видимости блока */
height:auto;
position:relative;
margin:0;
padding:0;
}


#back_bottom_left
{
width:224px;
height:100%;
background:#f0f; /* цвет фона поставил только для придания видимости блока */
position:absolute;
bottom:0;
left:50%;
margin-left:-495px;

}

#back_bottom_right
{
width:224px;
height:100%;
background:#ff0; /* цвет фона поставил только для придания видимости блока */
position:absolute;
bottom:0;
right:50%;
margin-right:-495px;
}

#back_bottom_center
{
width:543px; /* в идеале, нужно четное значение ширины, хотя не критично*/
background:#0ff; /* цвет фона поставил только для придания видимости блока */
position:relative;
top:0;
left:50%;
margin-left:-271px;
}
S5
На сайте с 04.01.2010
Offline
77
#14

Что скажут гуру верстки? Являются ли отрицательные маргины правильным выходом?

vlad00777
На сайте с 24.12.2009
Offline
119
#15
sg552:
Что скажут гуру верстки? Являются ли отрицательные маргины правильным выходом?

Я так не считаю. Вообще использую метод такой, для однотипного продолжения фона.

Боковым блокам : padding-bottom:5000px; margin-bottom:-5000px; overflow:hidden;

Самый простой метод.

А в чем минус отрицательных маржинов? Верстка валидная, ие старый не тупит, так в чем проблема? Только смотреть нужно что-бы структура правильная была.

Верстка. Качественно! Адаптивная, резиновая, с параллаксом и прочими плюшками. В ЛС.
A-des
На сайте с 26.05.2007
Offline
96
#16
vlad00777:

Боковым блокам : padding-bottom:5000px; margin-bottom:-5000px; overflow:hidden;
Самый простой метод.

Так, вероятно, они растянутся, но обрежутся на границе экрана. Либо, контент в них, будет невидим, если его окажется больше чем на 1 экран. Именно так для этого случая не пробовал, но из опыта, такое мнение.

vlad00777
На сайте с 24.12.2009
Offline
119
#17
A-des:
Так, вероятно, они растянутся, но обрежутся на границе экрана.

Не правда.

A-des:
Либо, контент в них, будет невидим, если его окажется больше чем на 1 экран.

И опять ложь.

Можно спокойно обрезать до следующего блока, например футера.

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий