Re: Бага с display:block на теге tr
От: ASPa Россия  
Дата: 02.06.09 07:19
Оценка: 10 (3)
Здравствуйте, Vain, Вы писали:

V>Пытаюсь сделать небольшой expand/collapse, но тут же наткнулся на багу с отображением.

V>Здесь тестовый html.
V>После сворачивания/разворачивания подтаблица теряет аттрибут/стиль width=100%.
V>
V>В IE6 всё впорядке, глючат только Opera 9.63 и Mozilla 3.0.10.
V>В чём проблема?

Vain, действительно, отображение строк таблиц в разных браузерах происходит по-разному, где-то это может быть блочный элемент (и тогда мы можем для отображени задать display: block; , где-то необходимо указывать что это строка таблицы display: table-row;

Могу предложить Вам универсальный способ (без использования дополнительных библиотек типа jQuery, как тут уже советовали):
чтобы скрыть строку: добавляйте к ней класс новый, например class='invisible'
в css файле для этого класса пишите стиль:
.invisible {
display: none;
}

А когда нужно отобразить строку, то убираете у неё этот класс (И браузер автоматически применит тот способ отображения, который он использует — table-row или block)
html table-row table block display
 
Подождите ...
Wait...
Пока на собственное сообщение не было ответов, его можно удалить.