Foros del Web » Diseño web » CSS »

Alinear horizontalmente dos div relativos

Estas en el tema de Alinear horizontalmente dos div relativos en el foro de CSS en Foros del Web. saludos tengo un problema y es que estoy tratando de alinear 2 divs con position:relative; con width:40%; height:100% cada uno ejemplo: #der { width:40%; border:thin ...
  #1 (permalink)  
Antiguo 10/12/2007, 23:50
 
Fecha de Ingreso: diciembre-2003
Mensajes: 82
Antigüedad: 10 años, 10 meses
Puntos: 1
Alinear horizontalmente dos div relativos

saludos tengo un problema y es que estoy tratando de alinear 2 divs con position:relative; con width:40%; height:100% cada uno ejemplo:



#der
{

width:40%;
border:thin #000000 solid;
position:relative;
padding:0px;
margin-left:2%;
margin-right:auto;

}



#izq
{

width:40%;
border:thin #000000 solid;
position:relative;
padding:0px;
margin-right:2%;
margin-left:auto;

}

algo asi pero que esten a la misma altura ?
  #2 (permalink)  
Antiguo 11/12/2007, 01:23
 
Fecha de Ingreso: octubre-2006
Ubicación: Murcia - España
Mensajes: 336
Antigüedad: 8 años
Puntos: 6
Re: Alinear horizontalmente dos div relativos

Bueno añade estas lineas:

a #der:

float:right;

a #izq:

float:left
  #3 (permalink)  
Antiguo 11/12/2007, 03:47
 
Fecha de Ingreso: diciembre-2003
Mensajes: 82
Antigüedad: 10 años, 10 meses
Puntos: 1
Re: Alinear horizontalmente dos div relativos

Saludos Eourus gracias por responder el problema es que esos div estan adentro de un contenedor relative y necesito que el contenedor crezca segun el alto de los div pero al ponerlos en float se salen del contenedor por eso necesito ver si se puede hacer eso con relative sin utilizar float: ?
  #4 (permalink)  
Antiguo 11/12/2007, 03:51
 
Fecha de Ingreso: octubre-2006
Ubicación: Murcia - España
Mensajes: 336
Antigüedad: 8 años
Puntos: 6
Re: Alinear horizontalmente dos div relativos

Es normal que se salgan. Para solucionar esto puedes meter en el código html (justo cuando acaben esas 2 capas lo siguiente:

<div style="clear:both;"></div>
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:30.
SEO by vBSEO 3.3.2