Foros del Web » Creando para Internet » CSS »

poner dos Divs a la misma altura

Estas en el tema de poner dos Divs a la misma altura en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 19/08/2006, 09:43
Avatar de Fher  
Fecha de Ingreso: febrero-2003
Ubicación: En algun lugar de cancun
Mensajes: 384
Antigüedad: 14 años, 10 meses
Puntos: 0
poner dos Divs a la misma altura

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..
__________________
solo firma
  #2 (permalink)  
Antiguo 19/08/2006, 09:44
Avatar de Fher  
Fecha de Ingreso: febrero-2003
Ubicación: En algun lugar de cancun
Mensajes: 384
Antigüedad: 14 años, 10 meses
Puntos: 0
Cita:
Iniciado por Fher Ver Mensaje
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..
__________________
solo firma
  #3 (permalink)  
Antiguo 19/08/2006, 10:40
Avatar de papanoelmola
(Desactivado)
 
Fecha de Ingreso: junio-2003
Ubicación: Toledo
Mensajes: 136
Antigüedad: 14 años, 5 meses
Puntos: 0
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.
  #4 (permalink)  
Antiguo 19/08/2006, 21:53
Avatar de asinox  
Fecha de Ingreso: enero-2002
Ubicación: Santo Domingo
Mensajes: 2.712
Antigüedad: 15 años, 10 meses
Puntos: 6
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
__________________
www.dataautos.com
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:53.