Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
1 / 1 / 0
Регистрация: 02.11.2010
Сообщений: 5

Выпадающи список не корректно отображается в Mozilla Firefox и Google Chrome

07.12.2010, 14:06. Показов 2968. Ответов 0
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Доброго времени суток!
Подскажите в чем может быть ошибка - выпадающий список в Opera и Internet Explorer отображается так как надо, а в Mozilla Firefox и Google Chrome не корректно!

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
.v-menu ul { 
    margin: 0; /* Нет отступов вокруг */
    padding: 0; /* Нет поля вокруг текста */
    list-style: none; /* Для списка убираем маркеры */
    font-family: Arial, Helvetica, sans-serif; /* Рубленый шрифт для текста меню */
    font-size: 12px; /* Размер названий в пункте меню */
    font-weight: norm; /* Не жирный шрифт */
} 
.v-menu ul li { 
    position: relative;  
} 
.v-menu li ul { 
    width: 110px; /* Ширина выпадающего списка */
    position: absolute; /* Подменю позиционируются абсолютно */
    left: 150px; /* Расстояние до выпадающего списка */
    top: 0; /* Верхний отступ подменю */
    display: none; /* Скрываем подменю */
    background-color: #ffffff; /* Фон выпадающего списка*/
} 
.v-menu ul li a { 
    display: block; /* Ссылка как блочный элемент */
    color: #000000; /* Цвет текста */
    background-color: 0; /* Фон основного списка*/
    padding: 5px; /* Поля вокруг надписи */
    border: 0px solid #ccc; /* Рамка вокруг пунктов меню */
    border-bottom: 1px solid #000000; /* Границу снизу не проводим */
} 
  
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; } 
* html ul li a { height: 1%; } 
/* End */
  
.v-menu ul { 
    margin: 0; /* Нет отступов вокруг */
    padding: 0; /* Нет поля вокруг текста */
    list-style: none; /* Для списка убираем маркеры */
    width: 150px; /* Ширина меню */
    border-bottom: 0px solid #ccc; /* Подчеркивание последнего пункта меню */
} 
.v-menu li:hover ul { 
    display: block; /* При выделении пункта курсором мыши отображается подменю */
} 
.v-menu li:hover ul, li.over ul { 
    display: block;  
} 
.v-menu li a:hover { 
    color: #000000; /* Цвет текста активного пункта */
    text-decoration: none; /* Подчеркивание у ссылок убираем */
    background-color: #bee6a7; /* Цвет фона активного пункта */
} 
  
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; } 
* html ul li a { height: 1%; } 
/* End */
  
.v-menu { 
    background-image: url(../img/bg_03.gif); 
    background-repeat: repeat-x; 
    padding-top: 20px; 
    text-align: left; 
    vertical-align: top; 
    padding-left: 20px; 
    padding-bottom: 20px; 
}
Миниатюры
Выпадающи список не корректно отображается в Mozilla Firefox и Google Chrome   Выпадающи список не корректно отображается в Mozilla Firefox и Google Chrome  
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
07.12.2010, 14:06
Ответы с готовыми решениями:

Не отображается адаптивная реклама в Chrome и Mozilla Firefox
Проблема вообще непонятная тем что вроде сайт работает а работает не корректно а именно блоки рекламы. Установлена реклама гугла...

Шрифт c google fonts не корректно отображается в firefox
Добрый день! Подгружаю шрифты с google fonts, имя шрифта Fira Sans (и причем он у них отображается корректно), но когда я его подгружаю...

Не правильно отображается border-radius в mozilla firefox
Появляются белые полосы в 1px на сгибах, в зависимости от масштабирования в разных местах. Я так понял типа чтоб дополнить пустоту или т.п....

0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
07.12.2010, 14:06
Помогаю со студенческими работами здесь

Не корректно отображается меню в Chrome
Здравствуйте! Подскажите пожалуйста, почему в браузере Chrome последний пункт меню очень широкий. Верстала под мозилу и там все нормально. ...

Wordpress, Chrome, Mozilla, Google translate
Здравствуйте. Я в этом деле новичок, и у меня возникли такие проблемы... вот мой сайт http://www.moo-vector.idhost.kz/ при открытии с...

Размер шрифтов в Google Chrome и Firefox
Добрый день! Есть сайт - http://medtronix.lv/ В слайдере хочу сделать чтобы размер шрифта <h2>, <h3> и <br> (...

Различается вид в сайт в Firefox и Google Chrome
Здравствуйте, подскажите пожалуйста, как исправить различия размеров шрифтов и виды ссылок..

Сайт плохо отображается в Google Chrome
Возникла необходимость сделать сайт. При тесте на различных браузерах обнаружил, что в гугл-хром вместо русского языка - какая-то...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Новые блоги и статьи
Уведомление о неверно выбранном значении справочника
Maks 06.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .
Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt
8Observer8 05.04.2026
Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .
AkelPad-скрипты, структуры, и немного лирики..
testuser2 05.04.2026
Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .
Отображение реквизитов в документе по условию и контроль их заполнения
Maks 04.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .
Фото всей Земли с борта корабля Orion миссии Artemis II
kumehtar 04.04.2026
Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .
Вывод диалогового окна перед закрытием, если документ не проведён
Maks 04.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .
Программный контроль заполнения реквизитов табличной части документа
Maks 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .
wmic не является внутренней или внешней командой
Maks 02.04.2026
Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru