Я столкнулся с проблемой презентации в 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