Internet Explorer - пространство между плавающими делениями - PullRequest
1 голос
/ 15 января 2009

Я столкнулся с проблемой презентации в Internet Explorer. Следующий простой блок кода отображается так, как я и ожидал, в Safari, FireFox, Chrome и Opera. Однако это приводит к заметному пробелу между левым и правым всплывающими элементами DIV в IE6 и IE7.

Мой вопрос таков: существует ли более правильный способ создания плавающего числа, чтобы один и тот же CSS работал и в IE, и в других браузерах, о которых я упоминал? Если нет, то как лучше всего избавиться от места в Internet Explorer?

Спасибо, Мэтт

<style>
.left {
    width:100px;
    float:left;
    border: solid black 1px;
}

.right {
    width: 100px;
    margin-left:100 px;
    border: solid red 1px;
}
</style>

<div class="left">
    a
</div>
<div class="right">
    b
</div>

Так как это вики сообщества. Я думал, что выложу рабочий код с решением, предложенным ниже в плане Б.

<style>
        .left {
        width:100px;
        border: solid black 1px;
        float:left;
    }

    .right {
        width:100px;
        border: solid red 1px;
        float:left;
    }
    .clear {
        clear:both;
    }
</style>

<div class="left">
    a
</div>
<div class="right">
    b
</div>
<div class="clear"></div>
c

Ответы [ 4 ]

6 голосов
/ 15 января 2009

Переместите их влево, добавьте следующее после обоих div:

 <div class="clear"></div>

 .clear { clear: both; }

Это или использовать отступы вместо полей.

1 голос
/ 21 августа 2012
.body {
    padding:0px;
    margin:0px;
}
0 голосов
/ 15 января 2009

Это ошибка с двойным запасом. Хорошо здесь описано:

http://www.positioniseverything.net/explorer/doubled-margin.html

0 голосов
/ 15 января 2009

Попробуйте добавить display: inline к плавающим элементам div. Я считаю, что это ошибка IE, связанная с добавлением дополнительных полей в плавающие элементы. дисплей: встроенный работал для меня в прошлом. Надеюсь, это поможет.

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