Дизайн и Верстка > Всё о Html

IE добавляет 10px

(1/1)

cX717:
Весь день бьюсь над простым кодом, весь inet облазил, решения так и не нашел.
В FF и Opera все ok!, а IE почему-то ведет себя вобще непонятно.
вот код:
Код:
--- Код: ---



div

#box1 {
  width:100px;
  height:100px;
  background-color:red;
  border: 4px solid black;
  float:left;
}

#box2 {
  width:100px;
  height:100px;
  background-color:red;
  border: 4px solid black;
  float:left;
}

#box3 {
  width:100px;
  height:100px;
  background-color:red;
  border: 4px solid black;
  float:left;
}

#box4 {

  width:100px;
  height:100px;
  background-color:red;
  border: 4px solid black;


}
#box5 {

  width:100px;
  height:100px;
  background-color:red;
  border: 4px solid black;

}

#box6 { display:list-item;

  width:100px;
  height:100px;
  background-color:red;
  border: 4px solid black;
  margin-left:40px;

}
#clear {clear:left;}
#float {float:left;}








box1
box2
box3


    box4
    box5

box6





--- Конец кода ---



вот как это выглядит:http://www.a10vs1.fatal.ru/test/test3.html

Взгляните пожалуйста: в FF и Opera все кубики прилегают друг к другу плотно, а в IE - нет. Решение скорее всего простое, я просто не особо сталкивался с css. Подскажите плз.

cX717:
Понял.
Надо закоментировать в  #box6  margin-left: 40px; и там же написать float: left;
Пасибо, Exterior.

Навигация

[0] Главная страница сообщений