Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#all {
background-color: #333;
height: 600px;
width: 1000px;
}
#all #ad{
float: left;
height: 420px;
width: 220px;
margin-top:10px;
}
#all #ad #ad1{
height: 70px;
width: 220px;
background-color: #CCC;
}
#all #ad #ad2{
height: 70px;
width: 220px;
background-color: #999;
}
#all #ad #ad3{
height: 70px;
width: 220px;
background-color: #CCC;
}
#all #ad #ad4{
height: 70px;
width: 220px;
background-color: #999;
}
#all #ad #ad5{
height: 70px;
width: 220px;
background-color: #CCC;
}
#all #ad #ad6{
height: 70px;
width: 220px;
background-color: #999;
}
#all #main{
float: left;
height: 420px;
width: 780px;
}
</style>
</head>
<body>
<div id="all">
<div id="ad">
<div id="ad1">
</div>
<div id="ad2">
</div>
<div id="ad3">
</div>
<div id="ad4">
</div>
<div id="ad5">
</div>
<div id="ad6">
</div>
</div>
<div id="main">
</div>
</div>
</body>
</html>
Alguien me podría ayudar a ver porque chrome solo me muestra 2 cuadro en vez de los 6 en este código.
En los otros navegadores me los muestra biem.
saludos