Не меньшаеться таблица

[Ogalig]

Доброго времени суток.

Собственно проблемный участок кода:

<table>
<tr><td></td><td></td><td></td></tr>

<tr><td></td><td>

<div>...содержиое...</div>

</td><td></td></tr>

<tr><td></td><td></td><td></td></tr>
</table>

И соответственно ксс:

.MainStyleLogicElementBorderWTB
{
	width: 100%;
}

.DivLogicElementWTB
{
	height: 500px;
	width: 100%;
	overflow: auto;
	margin-bottom: 0px;
	position: relative;
	z-index: 1;
}

.ContainerTable
{
	margin-left: auto;
	margin-right: auto;
}



.TopLeftLogicElementBorderWTB
{
	width: 0px;
	height: 28px;
	overflow:hidden;
}
.TopCenterLogicElementBorderWTB
{
	background-image: url(  'Images/TabHeaderLine.png' );
	background-repeat: repeat-x;
	width: auto;
	height: auto;
	position:relative;
	overflow:hidden;
}
.TopRightLogicElementBorderWTB
{
	width: auto;
	height: auto;
	overflow:hidden;
}



.CenterLeftLogicElementBorderWTB
{
	width: auto;
	height: auto;
	overflow:hidden;
}
.CenterCenterLogicElementBorderWTB
{
	width: auto;
	height: auto;
	overflow:hidden;
}
.CenterRightLogicElementBorderWTB
{
	width: auto;
	height: auto;
	overflow:hidden;
}



.ButtonLeftLogicElementBorderWTB
{
	width: auto;
	height: auto;
	overflow:hidden;
}
.ButtonCenterLogicElementBorderWTB
{
	width: auto;
	height: auto;
	overflow:hidden;
}
.ButtonRightLogicElementBorderWTB
{
	width: 0px;
	height: 0px;
	overflow:hidden;
}

Стиль для дива - DivLogicElementWTB. Остальое для ячеек таблицы.

Размер дива я изменяю динамически в зависимости от размеров окна. По идее таблица должна изменять размеры в зависимости от содержимого.

Сейчас она только "растягивается" если "увеличивается" размер дива. А вот если высота дива уменьшается, то ячейка таблицы не уменьшается.

Никак не могу понять в чем именно проблема.

На всякий случай код скрипта, изменяющего размер дива:

window.onresize=function(){ ResizeTab(document.getElementById(mainTableId), document.body.firstChild.firstChild)};


var totalHeight = 0;

function  ResizeTab(placeHolderTable, elment)
{
	if(elment!=placeHolderTable && elment.tagName=="TABLE")
	{
		totalHeight = totalHeight + elment.offsetHeight;
	} 
	if(elment!=document.body.firstChild.lastChild)
	{  
		ResizeTab(placeHolderTable, elment.nextSibling)
	}
	else 
	{
		totalHeight = document.body.offsetHeight -  totalHeight - 100;

		placeHolderTable.rows[1].cells[1].firstChild.style.height = totalHeight + "px";
		placeHolderTable.rows[1].style.height = "1px";
		placeHolderTable.style.height = "1px";
		totalHeight=0;
	}  
}

[Searcher]

А зачем див в таблицу вставлять, если можно менять размеры самой ячейки. Потом, див в таблице - в принципе неудачное решение. Об этом еще Влад говорил.

Я на своем опыте убедился, что все браузеры в такой ситуации работают по-разному. Много разных глюков вылезает. Опера, например, вообще не любит автоматом менять вертикальные размеры таблицы. Может этот макет лучше на дивах построить...

[Ogalig]

Все не так просто. Весь интерфейс строиться динамически из хмл-ка. Див вставлен для взаимодействия с сервером. В любом случае сейчас их убрать уже навряд ли получиться, т.к. на них слишком много завязано. Размеры ячейки в которой лежит див менять я пробовал, но почему-то не получаться.