Почему я испытываю эти проблемы при использовании IE8? - PullRequest
Новая
       7

Почему я испытываю эти проблемы при использовании IE8?

0 голосов
/ 20 марта 2012

У меня есть сайт, который отлично смотрится во всех браузерах, кроме Internet Explorer. В настоящее время я тестирую в Internet Explorer 8. Мне удалось решить некоторые вещи, используя условную таблицу стилей (например, .css), но есть несколько проблем, которые я просто не могу понять. Я открыт для любых предложений, касающихся CSS или jQuery.

Вот ссылка на сайт: Тестовая страница

Вот проблемы, с которыми я сейчас сталкиваюсь:

  1. Кнопка исчезает при наведении курсора
    Когда вы наводите курсор на кнопку «Ресурсы», она добавляет выпадающее меню (с помощью Плагин Widget выпадающего меню WordPress ). При наведении курсора на один из якорей подменю родительская кнопка полностью исчезает. Как заставить родительскую кнопку оставаться видимой, когда дочерняя кнопка находится над?

  2. Основной контейнер не будет центрироваться на странице
    Основная область содержимого (#content_area) не центрируется на странице. У меня установлены ширина и поле: 0 также определено auto, но область содержимого по-прежнему не центрируется на странице. Я пробовал много разных подходов, чтобы исправить это, но все же не повезло.

    Мне также нужно центрировать нижнюю область (#bottom_area), но я думаю, что она будет использовать ту же стратегию, что и для основной области контента.

    Любые идеи о том, как я могу их центрировать?

  3. Тайное поле с правой стороны страницы
    На правом краю страницы есть поле размером около 10 пикселей, которое я не могу понять, откуда оно. Как я могу удалить это?

Ответы [ 3 ]

3 голосов
/ 20 марта 2012

Основная проблема в том, что у вас неверный HTML. Сначала переместите тег <link ...> перед <DOCTYPE ... /> в <head>. Я думаю, что некоторые проблемы решаются тогда. Например. css color: inherit; иногда это не работает, если IE не может проанализировать тип документа.

=== ОБНОВЛЕНИЕ ===

После канглов html должен быть таким: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" lang="en-US">
<head>
<meta charset="UTF-8" />
<title>Lybeck Murphy, LLP - Lawyers</title>
<link type='text/css' rel='stylesheet' href='http://lybeckmurphy.com/test/wp-content/themes/mtt/custom_post_type.css' />
...

Наблюдайте за «источником страницы», после ваших первых изменений это выглядит так: 

<link type='text/css' rel='stylesheet' href='http://lybeckmurphy.com/test/wp-content/themes/mtt/custom_post_type.css' /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" lang="en-US">
<head>
<meta charset="UTF-8" />
<title>Lybeck Murphy, LLP - Lawyers</title>
...
0 голосов
/ 20 марта 2012

Скопируйте следующий тег в тег как первый тег: 

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

Это должно решить ваши проблемы.

0 голосов
/ 20 марта 2012

Я заметил, что вы не указали тип документа. Это, вероятно, не решит всех ваших проблем, но некоторые из самых разочаровывающих проблем CSS в IE могут быть устранены простым включением соответствующего типа документа. Добро пожаловать в мир режима причуд .

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

Нет похожих вопросов

...