Ширина абсолютного позиционирования DIV в IE quirksmode - PullRequest
0 голосов
/ 08 сентября 2010

Я работаю с веб-приложением, разработанным для работы в IE quirksmode (изначально оно было разработано несколько лет назад). Я пытался сделать что-то с абсолютным позиционированием, но это не сработало, как я ожидал. У меня есть упрощенный пример, иллюстрирующий мою проблему. Пожалуйста, смотрите ниже.

<html>
<head>
<title></title>
</head>
<body>

<div id="1" style="background: yellow; width: 600px; height: 400px">
   <div id="2" style="background: green; position: absolute;">
      A long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long text
   </div>
</div>

</body>
</html>

Я бы ожидал, что div с идентификатором 2 будет принимать ширину документа. И это происходит в Firefox и IE в стандартном режиме. В режиме quirks ширина div по-прежнему ограничена контейнером (на самом деле, тем более - у него есть дополнительное поле справа).

Есть ли какой-нибудь способ, которым я могу заставить такое поведение происходить в IE в режиме причуд? Спасибо!

1 Ответ

1 голос
/ 09 сентября 2010

Конечно, вы можете сделать это с помощью CSS-выражения , которое устанавливает ширину <div id"two"> в ширину документа.Примерно так: в таблице стилей только для IE :

#two {
    width: expression(document.body.clientWidth);
}

В качестве примечания - я изменил идентификатор с 2 на two, поскольку атрибут id не может начинаться с цифры.

...