2009-04-02 1 views
0

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

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

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

Спасибо!

+0

FYI не работает в IE7 или IE8 – scunliffe

+0

ваши теги могут отсутствовать – TStamper

+0

Ваш сайт также отображается в режиме IE5 Quirks, потому что ваш DOCTYPE НЕ является первым тегом на странице ... вся дополнительная информация о скрипте/стиле заставляя ваш сайт работать в режиме Quirks вместо стандартного режима. – scunliffe

ответ

2

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

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

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

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

+0

. Вот ссылка для проверки. 314 ошибок должны дать вам что-то для работы ... http://validator.w3.org/check?verbose=1&uri=http%3A%2F % 2Fwww.sussexjewelers.com% 2Fproduct_search.php% 3Fcid% 3D69 –

2

Ваши метки <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

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

javascript:alert(document.compatMode) 

У меня есть, что в букмарклет в IE.