poner dos Divs a la misma altura

[Fher]

hola a todos tengo un problemita... alguien sabe como puedo poner dos DIVS a la misma altura y separados 20 px uno del otro entre l izquierdo y derecho,

quedaria de estar forma..

Div 1 Div 2
************ ************
* * * *
* * --20 px-- * *
* * * *
* * * *
* * * *
************ ************

gracias..

[Fher]

Iniciado por Fher

hola a todos tengo un problemita... alguien sabe como puedo poner dos DIVS a la misma altura y separados 20 px uno del otro entre l izquierdo y derecho,

quedaria de estar forma..

Código:

Div 1                                    Div 2
************                   ************  
*                  *                   *                  *
*                  *   --20 px--   *                  *
*                  *                   *                  * 
*                  *                   *                  *
*                  *                   *                  *
************                   ************

gracias..

[papanoelmola]

Bien puedes hacerlo de varios formas dependiendo de la integración que quieras utilizar.

Para ello utiliza la propiedad float

Si lo que quieres es crear un diseño tipo 2 Columnas pues crear una capa contendedor ( sin border, ni propiedades de color ) y luego dentro de esa capa otras 2 que serías las columnas izquierda y derecha a las que puedes aplicar las propiedades de ancho y alineación relativa a la capa contenedor o sobre las mismas mediante el parametro float en las propiedades de las capas interiores.

[asinox]

mmm talvez

Código:

#div1{
float:left;
widht:250px;
height:300px;
}
#div1{
float:left;
widht:250px;
margin-left:470px;
height:300px;
}

y si lo quieres 100%

Código:

body{
height:100%
}
#div1{
float:left;
widht:250px;
height:100%
}
#div1{
float:left;
widht:250px;
height:100%
margin-left:470px;
}

Saludos