За последние 24 часа нас посетили 18116 программистов и 1656 роботов. Сейчас ищет 1121 программист ...

Скрыть/показать строки таблицы. Опера и Фокс портят таблицы?

Тема в разделе "HTML и CSS", создана пользователем Диди, 3 ноя 2010.

  1. Диди

    Диди Активный пользователь

    С нами с:
    8 апр 2007
    Сообщения:
    72
    Симпатии:
    0
    Адрес:
    Люберцы, МО
    Помогите, пожалуйста, понять сей феномен. Делаю простейший скрипт скрыть/показать строки таблицы.
    Код (Text):
    1. <html><head><script language="JavaScript">
    2. function Op(n){
    3.     var st=''; var i=0;
    4.     if(document.getElementById('rb'+n+i).style.display=='block')
    5.         st='none';
    6.     else
    7.         st='block';
    8.     while(document.getElementById('rb'+n+i)){
    9.         document.getElementById('rb'+n+i).style.display=st;
    10.         i++;
    11.     }
    12. }
    13. </script></head><body>
    14. <table bgcolor=000000 cellspacing=1>
    15. <tr bgcolor=f0f0f0><td>Раз</td><td>Два</td><td>Три</td></tr>
    16. <tr bgcolor=f0f0f0><td colspan=3><a href=javascript:Op(1)>Раздел</a></td></tr>
    17. <tr id=rb10 bgcolor=f0f0f0><td>Один</td><td>Основной текст</td><td>3</td></tr>
    18. <tr id=rb11 bgcolor=f0f0f0><td>Один</td><td>Основной текст</td><td>3</td></tr>
    19. </table>
    20. </body></html>
    В IE всё чудно работает. В Опере и Фоксе ячейки строки после скрытия отображаются в странном слипшемся виде - все ячейки вписываются по ширине в первую колонку. Подозреваю, что решить вопрос можно зафиксировав ячейки стилями, но правильную комбинацию подобрать пока не смог. :oops:
     
  2. Apple

    Apple Активный пользователь

    С нами с:
    13 янв 2007
    Сообщения:
    4.984
    Симпатии:
    2
    Диди
    Почему display: block?
    Это же ячейка таблицы, а не блочный элемент.
     
  3. Диди

    Диди Активный пользователь

    С нами с:
    8 апр 2007
    Сообщения:
    72
    Симпатии:
    0
    Адрес:
    Люберцы, МО
    От я старая калоша! :oops:
    Действительно display: table-row помог! :D
    Apple, спасибо!!!