CSS / div позиционирование, которое не работает в IE - PullRequest
Новая
       23

CSS / div позиционирование, которое не работает в IE

0 голосов
/ 29 июля 2011

Я в течение доброго часа безуспешно искал ответ, поэтому, возможно, можно задать свой глупый вопрос:

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

, следовательно, HTML 

<body>
<div id="map"></div>
<div id="legend"></div>
</body>

и CSS 

* {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: none;
    font-family: Arial;
    font-size: 9px;
    text-decoration: none;
    text-align: left;
    }
html, body {
    background-color: red;
    }
#map{
    position:relative;
}
#legend{
  position:absolute;
  top: 1%;
  left: 100px;
}

Это прекрасно работает в Firefox, Safari и Chrome, но не в IE8.

В IE8 легенда отображается на своем месте, красный фон страницы позади, но div карты исчез.Обратите внимание, что IE по-прежнему загружает фрагменты карты и т. Д., Но, похоже, размещает их либо за фоном, либо за пределами экрана ...

Если у вас есть какие-либо предложения, очень признателен!

1 Ответ

0 голосов
/ 29 июля 2011

Без всей HTML-страницы может быть сложно дать вам правильный ответ, чтобы знать, что именно происходит. Хотя вы можете использовать условные теги IE, чтобы ваш дизайн работал в Internet Explorer. Больше информации здесь.

Вы обнаружите, что большинство причуд IE8 можно исправить, изменив позиционирование на несколько пикселей, тип позиции, значение display: или сделав элементы на display:none;.

Firebug - твой друг.

...