2010-05-11 3 views
0

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

.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 он отображается после половины страницы.

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

ответ

1

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

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

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

+0

Спасибо, он работает, но будет ли он работать и с fireFox и сафари. – Kamlesh

+0

Я проверил fireFox, но это дает мне ту же проблему, что и перед проблемой совместимости между IE7 и IE8. – Kamlesh

+0

вы должны рассматривать firefox и IE как отдельные объекты. Я думаю, что вы, скорее всего, закончите с двумя разными правилами стилизации: один для IE ... другой для остальных. – Kasturi

0

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

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

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

Имейте в виду, что это должно быть первой строкой в ​​файле, перед <HTML> тега.

+0

Спасибо, мистер Дэвид. Но это утверждение уже написано на странице. – Kamlesh

1

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

Смежные вопросы