XHTML в?рстка, подскажите пожалуйста

[iluha]

Документ с описанием доктайпа:

quot;-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

http://www.w3.org/1999/xhtml">

Таблица, имеющая 100% высоты имеет три горизонтальных ячейки.

Средняя имеет фиксированную высоту.

А верхняя и нижняя должны заполнять оставшееся пространство так, чтобы средняя была в середине.

При этом доктайпе таблицу делаю 100%тной по высоте так:

html, body {

height: 100%;

margin:0;

padding:0;

}

#container {

min-height: 100%;

height:100%;

}

* html #container {

height:100%

}

и соответственно

Но вот как сделать так, чтобы верхняя и нижняя ячейки были одинаковыми по высоте и заполняли оставшуюся высоту так чтобы средняя была по середине - не знаю как сделать ((

Просто поместить среднюю ячейку в самостоятельную таблицу и е? в свою очередь поместить в таблицу 100%тной высоты нельзя так как под центральной ячейкой должен быть другой бекграунд нежеле у верхней.

Как сделать? Доктайп убивает все указания высоты в ячейках ((

Пробовал даже JSом создавать таблицу, вычисляя размер видимого поля открытого окна браузера, но вот что странно - при этом доктайпе document.body.clientHeight выда?т значение 1!!!

[Jenek]

В стандартном режиме вместо document.body используется document.documentElement.

[Dimitry Wolotko]

Добавь в код:

html,body { 
	height: 100%; 
	margin: 0 0 0 0; }

[Jenek]

Что нужно, кстати, так и не понял, как и то почему внутренней таблице нельзя задать другой bg.

[iluha]

почему внутренней таблице нельзя задать другой bg.

читай внимательнее.

Поробую ещ? раз объяснить:

1. Три горизонтальных ячейки. Width у них 100%.

1. Средняя ячейка фиксирована по высоте. Расположена ровно по центру.

2. При увеличении/уменьшении высоты окна браузера верхняя и нижнияя ячейки увеличиваю/уменьшают свою высоту одинаково.

3. Верхняя ячейка имеет отличные свойства от нижней по содержанию.

Как это сделать при указанном выше ДОКТАЙПЕ ?

[iluha]

вопрос не реш?н UP

[Jenek]

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

Обязательно таблицы? Может просто дивами cделать:

http://designformasters.info//not-for-dfm/center-block.html

Кстати, доктайпа такого нет, поправьте.

Если решили проблему с таблицами в IE, поделитесь решением.

[iluha]

Спасибо, я то как раз делаю на таблицах именно потому. что признаюсь - резиновую в?рстку на слоях плохо знаю.

Так что спасибо за тво? решение.

На таблицах я так понял. что решение может быть толькоодно:

1. document.documentElement.clentHeight - получаем высоту окна

2. JSом выстраиваем соответственно все таблицы, прич?м по вертикали полчается их растягивать только, например, помещая внутрь пустых ячеек прозрачный img, указывая его высоту.