Поместите элемент в верхнем правом углу <span>в IE - PullRequest
0 голосов
/ 13 мая 2009

У меня проблемы с размещением (div) элемента в правом верхнем углу диапазона. Это работает в FF3, но не в IE7:

<html>
<head>
<style>
body
{
    font-size: 24px;
}

.tag
{
    padding: 3px;
    background-color: lightblue;
    position: relative;
}

.x
{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 10px;
    height: 10px;
    background-color: orange;
}
</style>
</head>
<body>
text <span class="tag">tag<div class="x"></div></span> text 
</body>
</html>

В FF3 оранжевый прямоугольник 10x10 отображается в верхнем правом углу светло-синего прямоугольника. У меня проблемы с тем, чтобы заставить это работать в IE7. Спасибо!

Ответы [ 2 ]

3 голосов
/ 13 мая 2009

Сначала получите правильный тип документа для своей страницы, чтобы он не отображался в режиме причуд.

W3C: рекомендуемый список DTD

Во-вторых, убедитесь, что код действителен. Вы не можете поместить блочный элемент (div) внутри встроенного элемента (span).

Проверка разметки W3C

0 голосов
/ 13 мая 2009

вы также можете увидеть это сообщение , если у вас возникнут проблемы с позиционированием в IE7 в будущем

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