Ver Mensaje Individual
  #1 (permalink)  
Antiguo 25/07/2011, 13:12
Avatar de JHTKoZ
JHTKoZ
 
Fecha de Ingreso: noviembre-2009
Ubicación: Teocaltiche, Mexico
Mensajes: 67
Antigüedad: 14 años, 5 meses
Puntos: 0
Alinear 3 cuadros dentro de un contenedor

Mi duda es esta, quiero acomodar 3 cuadritos dentro de un div contenedor, y que queden los 3 alineados, pero cuando hago me los acomoda en escalerita, luego puse el "float: left" en el cuadro_izquierda y me alinea el del centro, pero el cuadro_derecha al ponerle el "float: right;" me lo deja fuera del contenedor, que puedo hacer para alinear los 3?. Éste es mi css:

Código:
#contenedor
{
	width: 1024px;
	height:auto; 
    background-color:transparent;
	border: 1px solid black;
    margin: 0px auto; 
    text-align:center;
}
#cuadro_izquierda
{
	width: 210px;
	height:170px; 
    background-color:transparent;
	border: 1px solid black;
    margin: 130px 50px; 
    text-align:center;
	float: left;
}
#cuadro_centro
{
	width: 210px;
	height:170px; 
    background-color:transparent;
	border: 1px solid red;
    margin: 130px 310px; 
    text-align:center;
}
#cuadro_derecha
{
	width: 210px;
	height:170px; 
    background-color:transparent;
	border: 1px solid blue;
    margin: 130px 570px; 
    text-align:center;
    float: right;
}

Última edición por JHTKoZ; 25/07/2011 a las 13:38