Organizar cuadros en CSS

acumulador · #1 (**permalink**) 09/09/2010, 09:24

Hola amigos del foro, este es mi primer post en el tema y lo hago por que me atore en un diseño pequeño que necesito. Lo que pasa es que necesito crear en un div contenedor 4 cuadros mas pequeños cada uno de 200 x 200px y dos en una linea superior y los otros dos en la linea de abajo; los dos de arriba los tengo bien pero al intentar crear los dos de abajo no me sale, mejor ducho se ven pegados y no se separan aunque les de un margin-top, o un <br /> o lo que sea, que podrá pasa!!

Por su ayuda muchas gracias.

juan_14nob · #2 (**permalink**) 09/09/2010, 10:19

por que no pones como tiene ingresados los divs?
a ver si esto te es de ayuda...

Código HTML:

<html>
<head>
<style type="text/css">
html{
width:100%;
height:100%;
}
#cuerpo{

margin:0px;
padding:0px;

}
#uno{
position:relative;
float:left;
width:200px;
height:200px;
background:red;

}
#dos{
position:relative;
float:left;
width:200px;
height:200px;
background:blue;
margin-left:10px;

}
#tres{

position:relative;
clear:both;
width:200px;
height:200px;
background:black;
top:10px;
color:white;
float:left;
}

#cuatro{
position:relative;
float:left;
width:200px;
height:200px;
background:green;
margin-left:10px;
margin-top:10px;
}
</style>
</head>

<body>
<div id="cuerpo">
<div id="uno">
div1

</div>
<div id="dos">
div2

</div>
<div id="tres">
div3

</div>
<div id="cuatro" style="">
div4

</div>


</div>
</body>

</html>