display=block + colspan > 1

[mishero]

суть в том, что верстается блок, который состоит из заголовка (текст + иконка) и контента, при нажатии на иконку, контент скрывается

весь блок мне хочется реализовать с помощью одной таблицы.

все хорошо, но когда блок скрывается, колонки в заголовке разъезжаются

вот код:

<script>
function hide(img, block_id, expand_img, hide_img) {
	  var block = document.getElementById(block_id);
	  if (!block) return;

	  if (block.style.display != 'none') {
		block.style.display = 'none';
		img.src = hide_img;
	  }
	  else {
		block.style.display = 'block';
		img.src = expand_img;
	  }
	}
</script>

<table style="border: 1px solid grey; width: 600px;">
<tr>
	<td style="width: 42px; text-align:center; vertical-align:middle;">
		<div>
			<img src='1.png' onclick='hide(this, 666, "1.png", "2.png")'>
		</div>
	<td>Заголовок

<tr>
	<td colspan=2>
		<div id=666>
			текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст 
			текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст 
		</div>
</table>

Edited August 1, 2011 by mishero

[sigma77]

mishero,

Непонятно, что у вас разъезжается, но одинаковые id использовать на одной странице нельзя.

[mishero]

mishero,

Непонятно, что у вас разъезжается, но одинаковые id использовать на одной странице нельзя.

ой, поправил. это я когда копипастил сюда опечатался(исправил).

id только у дива с текстом

разъежается колонка с картинкой. ее ширина увеличивается.

забыл упомянуть броузер IE8

[sigma77]

mishero,

Попробуй table-layout: fixed для таблицы

[mishero]

mishero,

Попробуй table-layout: fixed для таблицы

ага, так работает

есть ли другой способ решения этой проблемы? table-layout не хотелось бы использовать (это вариант, но только в крайнем случае)