Глюк таблиц при скрытии (display: none) и последующем отображении таблицы (Opera)

overall2007 · 07.08.2007, 01:07

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

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

Код HTML:

<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>

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

KidsKilla · 07.08.2007, 15:24

оберни таблицу в див, а его уже скрывай.
иначе не лечится. в ие глюк тоже есть. в 5х версиях.
а возникает он из-за того что по дефолту у таблицы display не block а table