Почему это не отображается в IE8? - PullRequest
0 голосов
/ 20 апреля 2011
    <div style="width:180px; height:18px; border-bottom:1px solid #666; position:relative; z-index:500; margin-left:10px;">
        <div style="float:left; width:70px; height:18px; position:absolute; left:0; top:0; z-index:1; background-color:white; ">KEY</div>
        <div style="float:right; height:18px; position:absolute; right:0; top:0; z-index:1; background-color:white; ">VALUE</div>
    </div>

Прекрасно отрисовывается в Chrome, Firefox, Safari и т. Д. Но в IE8 это не работает.

1 Ответ

3 голосов
/ 20 апреля 2011

IE8 - это рывок с относительным позиционированием, если средство визуализации не определяет правильно тип документа. Попробуйте указать:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "w3.org/TR/html4/loose.dtd">
...