Почему мои выпадающие списки не работают в ie7? - PullRequest
0 голосов
/ 02 апреля 2009

Если вы просматриваете эту страницу: http://www.sussexjewelers.com/product_search.php?cid=69

Выпадающие меню (горизонтальная зеленая полоса) не раскрываются в ie7. Они выпадают в ie6, Firefox и Chrome. Также, если вы просматриваете домашнюю страницу, те же выпадающие списки работают в ie7. Я не могу понять, почему они не работают на этой странице в ie7. Это просто CSS выпадающие меню.

Любая помощь приветствуется.

Спасибо!

Ответы [ 3 ]

2 голосов
/ 02 апреля 2009

Перед фактическим HTML-документом у вас есть куча тегов стиля и скрипта. Они должны быть в заголовке страницы.

Тег doctype должен быть первым тегом в источнике, в противном случае IE отобразит страницу в режиме причуд. Другие браузеры также могут отображать его в режиме причуд, но для IE это намного больше. Одно большое отличие состоит в том, что модель коробки обрабатывается неправильно.

Как только вы получите правильную базовую структуру кода, вы должны проверить html и css , чтобы увидеть, есть ли еще проблемы в коде. Я сразу вижу, что у вас есть HTML-тип документа, но вы используете в коде теги XHTML.

Если после очистки кода меню все еще не работает, я предполагаю, что это проблема с z-index, так что меню отображаются, но скрыты за основным содержимым. IE неправильно обрабатывает z-index для элементов с макетом.

2 голосов
/ 02 апреля 2009

Ваши теги <style> и <script> должны находиться внутри тега <head>, а не снаружи тега <html>.

Также добавьте DOCTYPE

XHTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

HTML 4

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Выберите.

0 голосов
/ 02 апреля 2009

TonyF прав. В будущем попробуйте запустить его в строке URL-адреса, чтобы увидеть, действительно ли вы находитесь в режиме стандартов (CSS1Compat) или в режиме Quirks (BackCompat):

javascript:alert(document.compatMode)

У меня это есть в закладке в IE.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...