проблема разметки / CSS с IE

Question

У меня проблема с пользовательским интерфейсом с графическим интерфейсом, который не отображается правильно в IE 6/7 и 8.

Разметка доступна здесь: http://www.jamesradford.net/ee/example.htm

Если вы просматриваете страницу в Firefox или Google Chrome, она должна отображаться правильно. С IE у меня проблемы с отображением. Кто-нибудь может решить это для меня?

Рисунок красного цвета должен отображаться в правом углу главной панели.

Большое спасибо !!!

Answer 1

Начните с перехода в Режим стандартов , добавив подходящий Doctype.Браузеры ужасно несовместимы в режиме Quirks.

Answer 2

Ваша разметка невероятно сложна.IE странный в целом.Это всегда помогает сделать вашу разметку простой.

Сделайте что-то вроде;

<wrapper>
ABC Test Another 100 200 total whatnot
<peel>
Save 29%
</peel>
</wrapper>

Неправильный HTML, очевидно, просто грубый набросок, чтобы дать вам представление.Затем с помощью CSS установите position:relative; на оболочку и position:absolute; top: 0; right: 0; на кожуру.Тогда вам будет удобно заходить во все браузеры.

Вы использовали гораздо больше div, чем вам нужно, и довольно много вложенных элементов.Всегда помните философию KISS.(Будьте проще, сынок)

Answer 3

Как насчет, Вам нужно переместить .SavePeelTop внутри #NewDesignMain:

#NewDesignMain
{
margin-top: -10px;
position: relative;
}

.SavePeelTop
{
position: absolute;
top: 0;
right: 0;
}

Вам нужно переместить .SavePeelTop внутри # NewDesignMain