CSS меню не работает в Firefox (отображение: table-cell;) - PullRequest
Новая
       29

CSS меню не работает в Firefox (отображение: table-cell;)

3 голосов
/ 03 марта 2009

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 и затем включите его, он исправляет этот узел меню.

alt text

есть идеи?

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

Ответы [ 4 ]

6 голосов
/ 03 марта 2009

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

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

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

display: inline;

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

В качестве альтернативы вы можете использовать их (слева и / или справа).

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

0 голосов
/ 24 июня 2010

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

Мне показались полезными следующие страницы:

0 голосов
/ 08 мая 2010

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

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

0 голосов
/ 22 апреля 2010

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

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

...