njuha

Рейтинг
0
Регистрация
30.07.2012
Как растянуть div блок на всю высоту страницы средствами CSS?
Saitoff:
Значит не правильно запихиваете... У меня работает.

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

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

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

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

Как растянуть div блок на всю высоту страницы средствами CSS?
Saitoff:
Если на css свет клином не сошелся, то можно скриптом. Проверено в деле, работает.



content - ваш центральный блок
block1 , blok2 - боковые

Запихивать надо ведь между хедами, да?

Не помогает...

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

Уже стоит.

Вот ссылка на файлы, если надо:

http://rghost.ru/39478538

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

Уже стоит.

Вот файлы, если надо:

http://rghost.ru/39478538

Как растянуть div блок на всю высоту страницы средствами CSS?
LovelAss:
Родительскому/родительским блокам задайте высоту.

Вроде задана:

#back_bottom {

height:100%;}

там такая структура. 

<div id="back_bottom">

<div id="back_bottom_left">блоки</div>



<div id="back_bottom_center">

контент

</div>





<div id="back_bottom_right">блоки</div>

</div>

CSS 

#back_bottom {

	height:100%;}

	

#back_bottom_left {

	width:224px;

	height:100%;

	background-image:url(../images/rgkz_06.jpg);

	background-repeat:repeat-y;

	float:left;

	}

	

#back_bottom_center {

	width:543px;

	background-image:url(../images/rgkz_07.png);

	background-repeat:repeat-y;

	float:left;}

	

#back_bottom_right {

	height:100%;

	width:224px;

	background-image:url(../images/rgkz_06_2.png);

	background-repeat:repeat-y;

	float:left;

	}
Всего: 5