Chrome и table-row

[Bertolomych]

Доброго времени суток!
Вообще, я предпочитаю искать ответы в google, но в данном случае даже не знаю, как сформулировать запрос...
Короче, смысл кода такой:

<stule>
#u1 ul{display:none;}
#u1 li {display:table-row;}
#u1 a, #u1 img {display:table-cell;}
</stule>
<ul id="u1">
  <li><a><img></a><img><a>text</a><li>
     <ul id="u2">
        <li><a><img></a><img><a>text</a><li>
        <li><a><img></a><img><a>text</a><li>
     <ul>
  <li><a><img></a><img><a>text</a><li>
     <ul id="u3">
        <li><a><img></a><img><a>text</a><li>
        <li><a><img></a><img><a>text</a><li>
     <ul>
</ul>

(Не суть, почему такой глючный - долгая история.)
Ну и вложенные списки посредством самого простого яваскриптика скрывается и показывается путем замены их .style.display='block'/'none' при нажатии на ссылку с картинкой в первом/втором пункте первого списка. Так вот. Везде все работает нормально, кроме Google Chrome, который почему-то отображет первый вложенный список над первым пунктом первого списка.
Никак не пойму как такое вообще может быть. Причем второй вложенный список показывается как надо - под вторым пунктом первого списка.
Заранее спасибо за ответы!

 

[Romani]

ну как бэ... :blink:

Не суть, почему такой глючный - долгая история.

Никак не пойму как такое вообще может быть

это тоже долгая история :biggrin:

Я к тому, что если код глючный, чего ж от него ждать?

 

[Bertolomych]

Долгая история - это почему ссылки и рисунки понадобилось делать таблицей, хотя по-идее они ею не должны быть. Глючный семантически. Но вроде по логике действия - вполне себе понятный. Имеется блок, в котором есть два табличных ряда с ячейками. над ним - еще один табличный ряд. но вопрос-то в другом: как они могут местами-то меняться? и почему это происходит только один раз в совершенно одинаковых случаях?

Впрочем, не суть. Методом тыка решение было найдено: все браузеры (кроме, разумется, старых иксплореров) располагают ячейки в таблице в ряд, даже если эти ряды и не прописывать. Так что, достаточно в стилях для li написать table вместо table-row и все станет на свои места. Как говорится, не плодите сущностей сверх необходимого.
Отсюда и гипотеза о том, откуда это бралось: видимо, хром не может обрабатывать табличные ряды без объявления таблицы.