#html #internet-explorer-8 #ie8-compatibility-mode
#HTML #internet-explorer-8 #ie8-режим совместимости
Вопрос:
В IE8 мое изображение, использующее абсолютную позицию, сдвигается на несколько пикселей больше, чем должно быть. Это выглядит нормально в Firefox / Chrome / IE8Совместимости. Я просмотрел различные темы по этой теме и ничего не могу заставить работать. Вот как выглядит код:
<a href='/'><img src='/' border='0' width='180' height='40' style='position:absolute; margin-left:90px; top:0px;'></a>
Это помещает изображение в начало страницы, и оно отлично отображается во всех браузерах, кроме IE8, если только оно не находится в режиме совместимости. В начале у меня есть тип документа:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Использование любого другого типа документа, похоже, нарушает мою страницу. Я попытался настроить принудительную совместимость в IE, но затем flash на моей странице не загружается.
Что-нибудь еще, что я могу попробовать? Спасибо.
Комментарии:
1. Пожалуйста, определите, что не так в IE8. Вы просто говорите, что это работает не так, как вы хотите.
2. Я отредактировал свой пост. Надеюсь, это немного более понятно. Мое изображение перемещается на несколько пикселей выше того места, где оно должно быть в IE8, но не в других браузерах.
Ответ №1:
Следует отметить, что вам нужно будет поместить ваш style=»position: absolute;» внутри вашего тега <a> .
Попробуйте использовать фрагмент css reset, который устраняет многие проблемы несовместимости с IE.
Комментарии:
1. Что вы подразумеваете под «внутри вашего тега»? В настоящее время оно находится в теге изображения.
2. Перемещение его в тег <a> также не решило проблему. У меня также есть другое изображение без href, формы ввода и слайд-шоу flash, с которым он делает то же самое. Я бы просто включил совместимость с IE7, но по какой-то причине мое слайд-шоу flash не работает, когда я это делаю. Любые другие предложения?
3. Отредактируйте мой первый ответ. Flash отображается в совместимости с IE7, но его размещение находится далеко от экрана.
4. imgur.com/a/mrc5e Вверху — Firefox, а внизу — IE8. Это немного опускает мое тело (я думаю, потому что изображение переместилось вверх). Поиск в IE был немного увеличен, как и изображение справа. Все они используют одну и ту же кодировку, за исключением разных местоположений.
5. Вы пробовали сброс CSS? Похоже, ваша проблема заключается в заполнении элемента html. в вашем css поместите html {padding:0; margin: 0;}