Растянуть <div> по-вертикали и еще кое-что

[Gmans]

Доброй ночи уважаемые опытные верстальщики. Перекапал интернет и этот форум, нашёл некоторые варианты, но многие либо не работают, либо работают не так.

Итак, вот что мне нужно сделать:

Резиновый дизайн с левыми, правыми блоками фикс ширины и центральной динамичной частью (контент)

Контент динамичный, то очень много, то совсем ничего.

Также header высотой 90px;

И footer высотой 90px;

footer всегда внизу, контент должен его толкать (если он больше размера страницы по-вертикали)

И самое главное: левые и правые блоки с контеном должны быть на 100% высоты, то есть всегда быть прижатыми в footer.

Вопрос: можно ли вообще впринципе добиться этого div'ами без использования js?

Реально ли это сделать за 2 часа?

И желательно пример.

П.с. Многие примеры с опусканием footer не работают (контент просто не толкает подвал вниз, а проходит сквозь него)

Edited June 20, 2010 by Gmans

[DjTarik]

Да, сделать реально) Сам каркас за 2 часа... Успеешь ещё и протестировать везде, и исправить недочёты.

[Gmans]

Вот, после 2 дней мучений нашел. вроде то, мало-ли кому пригодиться

http://habrahabr.ru/blogs/css/29273/

Непосредственно каркас:

http://gruzzilkin.110mb.com/graal/

Edited June 20, 2010 by Gmans

[minon-a]

  Gmans said:

Доброй ночи уважаемые опытные верстальщики. Перекапал интернет и этот форум, нашёл некоторые варианты, но многие либо не работают, либо работают не так.

Итак, вот что мне нужно сделать:

Резиновый дизайн с левыми, правыми блоками фикс ширины и центральной динамичной частью (контент)

Контент динамичный, то очень много, то совсем ничего.

Также header высотой 90px;

И footer высотой 90px;

footer всегда внизу, контент должен его толкать (если он больше размера страницы по-вертикали)

И самое главное: левые и правые блоки с контеном должны быть на 100% высоты, то есть всегда быть прижатыми в footer.

Вопрос: можно ли вообще впринципе добиться этого div'ами без использования js?

Реально ли это сделать за 2 часа?

И желательно пример.

П.с. Многие примеры с опусканием footer не работают (контент просто не толкает подвал вниз, а проходит сквозь него)

Я относительно недавно изучаю html, может быть в этом варианте есть и недостатки.

Если я правильно задачу понял, то получился примерно такой вариант, только не дивами, а таблицей (потратил минут 10, в Опере и ИЕ работает):

<table 	border="1" cellpadding="0" cellspacing="0"  height="100%" width="100%" > 

	<tr valign="top" height="90">	

		<td colspan="3">	
		header
		</td>

	</tr>

	<tr valign="top">

		<td width="200">
		left_column
		</td>

		<td>	
		content
		</td>

		<td width="200">
		right_column
		</td>

	</tr>

	<tr valign="top" height="90">

		<td colspan="3">	
		footer
		</td>

	</tr>


</table> 

[Gmans]

Таблицами гораздо проще(сам начинал верстать ими), но передо мной сейчас стоит задача изучения div, поскольку фирма на которую устраиваюсь, верстает на дивах. а мне этот код править

[Great Rash]

Изучайте на здоровье:

http://blog.sjinks.pro/test/3col/3col_h100.html

http://www.cssmaster.ru/node/48

«трехколоночный макет» в Google.

трехколоночный макет на htmlbook.ru