Элемент <ul> неправильно отображается в Firefox

Question

Элемент <ul> неправильно отображается в Firefox

0

У меня проблема с рендерингом в Firefox. Мой код отлично работает в Chrome и IE. Элементы меню с подменю уменьшают количество пикселей при рендеринге в Firefox.

Вот пример изображений:

Cromwell 16 апр. 2014, в 11:06

Источник

5

Дайте нам больше, чем картинки для работы? как насчет скрипки вашего меню?
Mike 16 апр. 2014, в 08:44
0

играть на скрипке
AbstractChaos 16 апр. 2014, в 08:49
0

jsfiddle.net/iCromwell/7gEya - просто немного увеличьте экран результатов, чтобы лучше видеть.
Cromwell 16 апр. 2014, в 08:59

Показать ещё 1 комментарий

Теги:

html

css

google-chrome

firefox

2 ответа

1

Попробуйте удалить inline block.

но это смещает все влево, не уверен, что это то, что вы хотите?

Mike 16 апр. 2014, в 07:50

1

Спасибо за ваш ответ, но я уже решил это. Удаление inline-block решает проблему рендеринга Firefox, но меню должно быть растянуто до div, чтобы оно не работало. Но удаление отступа из #cssmenu> ul> li> a и выделение поля для #cssmenu сделали свое дело.
Cromwell 16 апр. 2014, в 09:21

Ещё вопросы

Дайте нам больше, чем картинки для работы? как насчет скрипки вашего меню?
jsfiddle.net/iCromwell/7gEya - просто немного увеличьте экран результатов, чтобы лучше видеть.
Спасибо за ваш ответ, но я уже решил это. Удаление inline-block решает проблему рендеринга Firefox, но меню должно быть растянуто до div, чтобы оно не работало. Но удаление отступа из #cssmenu> ul> li> a и выделение поля для #cssmenu сделали свое дело.

Cromwell · Accepted Answer · 2014-04-16T06-22-00.000Z

Я решил это. Извлечение dipslay: встроенный блок; из элемента #cssmenu span сделал это. Удаление дополнений из #cssmenu> ul> li> a и предоставление поля для #cssmenu также отлично работает.

хорошая работа, я тоже это заметил :)
Я также заметил, что я должен использовать встроенный блок. Удаление отступа из #cssmenu> ul> li> a и задание поля для #cssmenu также отлично работает с inline-block.