Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Глюк таблиц при скрытии

Автор: overall 6.8.2007, 21:54

Глюк таблиц при скрытии (display: none) и последующем отображении таблицы. Глюк есть только в Opera 9.22. В IE всё нормально.

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

Код


<html>
<body>

<script type="text/javascript">
<!--
function func()
{
  list_table = document.getElementById('list');
  if( list_table.style.display == 'none' )
    list_table.style.display = 'block';
  else
    list_table.style.display = 'none';
}
//-->
</script>

<tabel width="100%" border="1">
<tr><td>sdfsdf <a href="#" onclick="func()">asfdsaf</a> </td></tr>
<tr><td>
  <table id="list" width="100%" border="1">
  <tr><td><table width="100%" border="1"><tr><td>jtee</td></tr></table></td></tr>
  <tr><td><table width="100%" border="1"><tr><td>shwe</td></tr></table></td></tr>
  <tr><td><table width="100%" border="1"><tr><td>f34g</td></tr></table></td></tr>
  </table>
</td></tr>
</tabel>
</body>
</html>

Помогите, пожалуйста...

Автор: Mymik 7.8.2007, 09:01

overall, замени СSS значение display с block на table. А так ты преобразуешь таблицу в блок и тогда другой, грубо говоря, тип данных

Добавлено через 31 секунду

Код


function func()
{
  list_table = document.getElementById('list');
  if( list_table.style.display == 'none' )
    list_table.style.display = 'table';
  else
    list_table.style.display = 'none';
}