проблема с display:none

[a_web]

Здравствуйте всем!

Имеется таблица, каждая строка которой представляет собой "подтаблицу", которая при начальной загрузке страницы невидима, т.е. display=none. Есть кнопка, которая по нажатию отображает эту вложенную таблицу, так вот, в IE работает все нормально, но в FF и Опере содержимое подтаблиц вталкивается в первую ячейку, а не распределяется по колонкам. Код таблицы приведен ниже.

 

Название

Дата

Очки

Показать

Вложенная таблица 1

1.

Строка 1

21.05.2007 14:36

20.00

...

Кто подскажет, в чем причина?

Заранее спасибо!

[Maslakoff]

используйте visiblity

хотя, я там точно не помню где и что лучше юзается...

посмотрите потдерживаемость display & visiblity на этом сайте в CCS

[yopopt]

Непонятно. Проверил - вс? работает нормально.

Проверял вот такой код:

<table>
 <col width="22px" />
 <col width="411px" />
 <col width="100px" />
 <col width="100px" />

 <tr>
 <th> </th>
 <th>Название</th>
 <th>Дата</th>
 <th>Очки</th>
 </tr>

 <tr>
 <td><a href="#" onclick="java script:document.getElementById('gh').style.display = ''; return false;">Показать</a></td>
 <td colspan="3">Вложенная таблица 1</td>
 </tr>

 <tbody id="gh" style="display:none;"> 
 <tr>
 <td>1.</td>
 <td>Строка 1</td>
 <td>21.05.2007 14:36</td>
 <td>20.00</td>
 </tr>
 <tr>
 ...
 </tr>
 </tbody>

</table>

[a_web]

Оказалось вот в чем дело, для видимости я присваивал display='block', заменил на пустую строку, все заработало!

Спасибо за ответ!