Меню CSS не работает в Firefox (display:table-cell;)

StackOverflow https://stackoverflow.com/questions/605967

Вопрос

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 отображается вертикально.Если я выключу "дисплей: табличная клетка"; Стиль в Firebug, а затем включите его обратно, он исправляет этот узел меню.

alt text

Любые идеи?

п.с.:я не хочу возиться с самим меню, так как оно является частью форума DNN 4.4.3.Я бы предпочел исправить CSS, чтобы он отображался правильно.

Это было полезно?

Решение

На самом деле, я думаю, вы обнаружите, что IE работает, потому что он игнорирует display: table-cell. Display: table-cell на самом деле у тебя проблема.

Я предполагаю, что IE превращает их в строчные элементы, а значит, в горизонтальные.

Измените его на:

display: inline;

при необходимости добавьте отступы (слева и справа), и вы получите то, что хотите.

Альтернативно вы можете перемещать их (влево и/или вправо).

Друзья, они уже в ячейке стола.Отображение ячеек таблицы внутри немного неправильное.

Другие советы

Мы тоже столкнулись с этой проблемой.Все еще ищу решение.В нашем случае нам нужно сохранить отображение:расположение ячеек таблицы.

Похоже, что Firefox иногда и, по-видимому, случайно заставляет объекты ячеек таблицы переноситься, а не действовать как настоящая таблица.ОБНОВЛЕНИЕ исправляет это, что только усложняет исправление ошибок.

Кажется, это простая ошибка FireFox.Я столкнулся с проблемой наоборот:DIV с ячейками таблицы, расположенными друг под другом. после обновление FF 3.5.9 на Win XP.

Мне не удалось найти никакого решения (перевернуть ячейки в строку, скрыть переполнение и т. д.), кроме как обновить FireFox до версии 3.6.3 и надеяться, что этой версией будет мало пользователей.

Это похоже на ошибку перекомпоновки Firefox, которую я тоже пытаюсь исправить.Очевидно, таблицы действительно плохо подходят для рендеринга, поскольку они вызывают перекомпоновку, и кажется, что Firefox иногда пропускает перекомпоновку.

Я нашел следующие страницы полезными:

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top