Возникла такая проблема: хоть и поставил
* { margin: 0;padding: 0; border:0;}
— но в IE все равно между слоями небольшие отступы,
не могу понять почему.. В FF и Опера же работает....
Код: Выделить всё
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled</title>
<style type ="text/CSS">
* {
margin: 0;
padding: 1;
border:0;
}
body{
height:600px;
min-width:1024px
}
#first{
margin: 0 150px 0 150px ;
height:200px
}
#top_left{
height:200px;
width:200px;
background-color:#6ac247;
float:left
}
#top_middle{
background-color:#edc230;
height:200px;
}
#top_right{
height:200px;
width:200px;
background-color:#6ac247;
float:right
}
#second{
margin: 0 100px 0 100px ;
height:400px;
}
#bottom_left{
height:400px;
width:50px;
background-color:#4b7151;
float:left
}
#bottom_right{
height:400px;
width:450px;
background-color:#6a67cc;
float:right
}
#bottom_middle{
background-color:#ff989e;
height:400px
}
</style>
</head>
<body>
<div id="first">
<div id="top_right">1</div>
<div id="top_left">2</div>
<div id="top_middle">3</div>
</div>
<div id="second">
<div id="bottom_right"> 1 </div><div id="bottom_left"> 2 </div><div id="bottom_middle">3 </div>
</div>
</body>
</html>
. Да нормально, звездочка означает применение ко всем элементам документа. А насчет третьего я конечно согласен, что это не моя вина , а тупой осел как всегда выделываеться, но решение надо и для него, ведь пользователи в шоке будут когда все это дело увидят. 