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

cx717 · March 7, 2008

Весь день бьюсь над простым кодом, весь inet облазил, решения так и не нашел.

В FF и Opera все ok!, а IE почему-то ведет себя вообще непонятно.

вот код:

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>div</title>
<style type='text/css'>
#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;}



</style>
</head>

<body topmargin='0' leftmargin='0' marginheight='0' marginwidth='0'>

<div id='box1'>box1</div>
<div id='box2'>box2</div>
<div id='box3'>box3</div>
<div id="clear"></div>
<div id="float">
 <div id='box4'>box4</div>
 <div id='box5'>box5</div>
</div>
<div id="box6">box6</div>

</body>
</html>

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

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

cx717 · March 7, 2008

Понял.

Надо закоментировать в #box6 margin-left: 40px; и там же написать float: left;

Пасибо, Exterior.

Sign In

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

Question

cx717

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

cx717

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information