Странный разрыв между смежными делами в режиме IE8 quirks - PullRequest
Новая
       60

Странный разрыв между смежными делами в режиме IE8 quirks

1 голос
/ 01 марта 2012

У меня проблема с IE8 в режиме причуд. У меня есть внешний элемент div, который оборачивает два внутренних элемента div. 

<div style="margin-left:160px; margin-top:10px; margin-right:0px; height:10px; background:blue;">
    <div style="position:relative; float:left; width:10px; height:10px; background:orange;"></div>
    <div style="position:relative; margin-left:10px; margin-right:0px;height:10px; background:green;"></div>
</div>

Внутренние div должны охватывать весь div-обертку, и он отлично работает в Firefox и Chrome Но когда я вижу это в IE8, между оранжевым div и зеленым div появляется странный разрыв. Кто-нибудь знает, как это исправить (или обойти это)? Кроме того, я не могу поместить декларацию типа документа где-либо в документе.

1 Ответ

0 голосов
/ 23 октября 2012

Используйте абсолютное позиционирование по содержимому и относительное позиционирование по контейнеру в режиме причуд: 

    <html lang="en">
    <head>
        <title>Quirksmode Tests</title>
    </head>
    <body>
        <div style="position:relative; margin-left:160px; margin-top:10px; margin-right:0px; height:10px; background-color:blue;">
          <div style="position:absolute; top:0; width:100%; right:0; height:10px; background-color:green;"></div>
          <div style="position:absolute; top:0; left:0; width:10px; height:10px; background-color:orange;"></div>
        </div>
    </body>
    </html>

Ссылки

...