Как заставить этот сайт работать в браузерах не Firefox?

Question

Эта страница прекрасно отображается в Firefox, но у меня возникают всевозможные проблемы при тестировании сайта в Opera или Internet Explorer, в основном с меню. Я хотел бы знать, какие методы вызвали это и как их избежать.

http://www.jkhbdesign.se/

Редактировать 2: Вот некоторые скриншоты некоторых конкретных проблем

Раскрывающийся список, как он должен выглядеть:

альтернативный текст http://nibbo.se/slask/correct.png

Как это выглядит в IE 7:

альтернативный текст http://nibbo.se/slask/dropdownie.png

Как это выглядит в Opera:

альтернативный текст http://nibbo.se/slask/dropdownopera.png

Answer 1

По крайней мере, вам придется иметь дело с тем фактом, что CSS: hover не поддерживается в IE для любого тега, кроме тега привязки. Вам нужно использовать onmouseover, onmouseout в IE, чтобы выполнить то же самое. Или поменяйте li: hover на a: hover, но я думаю, это будет более серьезный пересмотр вашего дизайна.

В частности, CSS вроде этого:

ul.menu li:hover ul.submenu {
background:white none repeat scroll 0 0;
border:1px solid #A6A6A6;
display:block;
margin-left:-25px;
margin-top:23px;
padding:2px 0;
position:absolute;
}

Не работает должным образом в Internet Explorer. Я не знаю об Опере.

Answer 2

У меня была эта проблема с сайтом, который я создал . Проблема закончилась тем, что я не должен был заканчивать тег <li> до того, как в меню появится следующий тег <ul>.

Например:

<div id="menu">
  <ul><a href="/index.html">Home</a>

    <li><a href="/aboutus/index.html">About Us</a>
    <ul>
        <li><a href="/aboutus/history.html">History</a>

Примечание: не закрывающий тег </li>.

Я столкнулся с множеством проблем с IE и CSS-меню. Я рекомендую следующие ресурсы, они могут сэкономить вам много времени:

• http://www.seoconsultants.com/css/menus/horizontal/
• http://www.alistapart.com/articles/horizdropdowns

Дайте мне знать, как это происходит.

Первый ресурс включает файл csshover.htc и его использование, которое созданный мной сайт использует для устранения проблем, связанных с Internet Explorer. Если вы просматриваете исходный код сайта, вы также увидите условные комментарии, относящиеся к Internet Explorer.

Answer 3

Не видя CSS для вашего сайта, я подозреваю, что вы используете css: hover со списками для создания меню. IE не поддерживает это, поэтому вы должны предоставить файл поведения, чтобы IE имел функциональность, Ссылка на файл здесь

Answer 4

Если вы знакомы с javascript, вы можете заглянуть в плагин JQuery Superfish. (http://plugins.jquery.com/project/Superfish). Большинство тяжелых задач и странных проблем с браузером уже решены для вас.