Подскажите люди добрые .... в чем может быть проблема. Скорее всего — понимаю что в голове — но всеже без подсказки уже не могу
Вобщем пытаюсь скрыть ячейки ... что то типа display: none .... нужно чтобы крос-браузерно, как следствие для FF (а здесь вопрос именно в нем) смотрю в стороно visibility как и обещают многие доки.
Вот он (ниже) небольшой пример кода(сама задача несколько обширнее), который почему то отказывается работать в FF 2.0.0.11
Вобщем результат его работы (при попытке скрыть ячейки) в этом браузере — ячейки перестают отображаться, однако выделенное под них ранее пространство остается не поделенным между соседними ячейками (так как мне кажется логичным этот результат).
Вот вобщем то и вопрос — почему и как бороться?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body>
<table width="70%" border="1">
<tr>
<td>
1
</td>
<td id="id1">
2
</td>
<td id="id2">
3
</td>
<td>
4
</td>
</tr>
</table>
<script type="text/javascript">
function hide() {
document.getElementById('id1').style.visibility = 'collapse';
document.getElementById('id2').style.visibility = 'collapse';
}
function show() {
document.getElementById('id1').style.visibility = 'visible';
document.getElementById('id2').style.visibility = 'visible';
}
</script>
<input type="button" value="1" onclick="hide()" />
<input type="button" value="2" onclick="show()" />
</body>
</html>
