Совместимость браузера с IE7 и IE8 - PullRequest
0 голосов
/ 11 мая 2010

Я работаю над проектом, в котором я особенно использую CSS с темами. Я сталкиваюсь с проблемой совместимости между IE7 и IE8. Я разместил меню ASP.Net на странице в <div>. Применение стиля CSS к div следующим образом.

.TopMenuPanel
{
background-color:#3783a9;
position:relative;
left:597px;
top:0px;
width:573px;
height:24px;
text-align:left center;
}

Когда я вижу страницу в IE7, меню отображается в одной позиции, тогда как в IE8 оно отображается в другой позиции. Конкретный разговор, в IE7, на позиции Left: 597px. Top: 0px показывается перед половиной страницы, а в IE8 - после половины страницы.

Кто-нибудь еще имеет опыт решения такой проблемы, тогда, пожалуйста, дайте мне экспертное решение по этой проблеме.

Ответы [ 3 ]

1 голос
/ 11 мая 2010

позиция: один родственник на самом деле ничего не значит. position: относительный должен применяться к родителю div. и вы должны поставить положение: абсолютное вместо относительного.

1 голос
/ 11 мая 2010

Если вы знаете, что ваш код работает в IE7, вы можете заставить браузеры IE8 использовать стандарты IE7, добавив следующий тег внутри

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

IE 8 будет вести себя точно так же, как IE7

0 голосов
/ 11 мая 2010

Убедитесь, что у вас есть стандартный DOCTYPE в верхней части документа. IE7 будет работать в режиме причуд без DOCTYPE, но IE8 будет работать в стандартном режиме независимо от настроек по умолчанию.

Попробуйте это:

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

Помните, что это должна быть первая строка в файле, перед тегом .

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