Не работает CSS-меню в Firefox (отображение:table-cell;)
HTML:
<td align="center" width="100%">
<a class="Forum_ib_moderate" href="Default.aspx" title="Moderate"></a>
<a class="Forum_ib_admin" href="Default.aspx" title="Admin"></a>
...
CSS:
A.Forum_ib_moderate:link, A.Forum_ib_moderate:visited, A.Forum_ib_moderate:active, A.Forum_ib_moderate:hover
{
background-image: url(images/ib_moderate.png);
background-repeat: no-repeat;
background-position: center;
padding-left: 2px;
padding-right: 2px;
padding-top: 8px;
padding-bottom: 0px;
height: 35px;
width: 35px;
display:table-cell;
}
A.Forum_ib_admin:hover
{
background-image: url(images/ib_admin_hover.png);
}
меню в IE выглядит просто отлично, в Firefox - вертикальное. Если я выключу "display:table-cell;" стиль в Firebug, а затем включите его, он исправляет этот узел меню.
http://i39.tinypic.com/29as4k7.jpg
есть идеи?
ps: я не хочу связываться с самим меню, так как оно является частью форума DNN 4.4.3. Я бы лучше исправил CSS, чтобы он показывался правильно.
4 ответа
На самом деле я думаю, вы обнаружите, что IE работает, потому что он игнорирует display: table-cell, Display: table-cell на самом деле ты проблема.
Я предполагаю, что происходит то, что IE превращает их в встроенный элемент, следовательно, горизонтальный.
Измените это на:
display: inline;
добавьте немного отступов (слева и справа), и вы получите то, что хотите.
В качестве альтернативы вы можете плавать их (слева и / или справа).
Besdies, они уже в ячейке таблицы. Отображение ячейки таблицы внутри, что немного неправильно.
Это похоже на ошибку перекомпоновки Firefox, которую я тоже пытаюсь исправить. Очевидно, таблицы действительно плохо подходят для рендеринга, так как они вызывают перекомпоновку, и кажется, что Firefox иногда пропускает перекомпоновки.
Мне показались полезными следующие страницы:
Мы тоже столкнулись с этой проблемой. Все еще ищу решение. В нашем случае нам нужно сохранить отображение: расположение ячеек таблицы.
Похоже, что Firefox иногда и, казалось бы, случайно, заставит объекты табличных ячеек оборачиваться, а не действовать как настоящая таблица. REFRESH исправляет это, что только затрудняет исправление ошибок.
Кажется, это простая ошибка Firefox. Я столкнулся с проблемой с другой стороны: DIV с табличными ячейками расположены ниже друг друга после обновления в FF 3.5.9 на Win XP.
Я не смог найти никакого решения (обернуть ячейки в ряд, скрыть переполнение и т. Д.), Но обновить FireFox до 3.6.3 и надеюсь, что пользователей с этой версией мало.