Foros del Web » Creando para Internet » CSS »

alineación de varios div's en un div contenedor

Estas en el tema de alineación de varios div's en un div contenedor en el foro de CSS en Foros del Web. Saludos gente... el motivo de la consulta es sobre la alineación de 3 div's en un div contenedor... Me explico mejor... Tengo un div contenedor: ...
  #1 (permalink)  
Antiguo 02/09/2009, 21:37
 
Fecha de Ingreso: mayo-2009
Mensajes: 31
Antigüedad: 14 años, 11 meses
Puntos: 1
Exclamación alineación de varios div's en un div contenedor

Saludos gente... el motivo de la consulta es sobre la alineación de 3 div's en un div contenedor... Me explico mejor...

Tengo un div contenedor: width 600px y height 65px ... dentro de este div quiero insertar 3 div's más pequeños de forma horizontal, todos ellos con medida de: width 195px y height 65px ... Cuando insert el primer div no hay problema alguno, estoy utilizando el siguiente código:

Código:
#eventos{
	width: 195px;
	height: 65px;
	float: left;
}
Cuando inserto el segundo div no tengo problema alguno ( si se fijan entre los 3 div's dan un tamaño de 585px; con lo cual sobran 15px que son para el espacio entre los 3 div's en el principal...

Código:
#links{
	width: 195px;
	height: 65px;
	margin-left: auto;
	margin-right: auto;
}
Acá utilicé margin-left y right para centrar el div

Y cuando quiero insertar el 3 div, este aparece afuera del div contenedor, por debajo y al abrirlo en el navegador me desorganiza todo el diseño de la página.

Código:
#creditos{
	width: 195px;
	height: 65px;
	float: right;
}
Si alguien me puede explicar el porque pasa esto y como puedo arreglar el problema ya que necesito esto para poder insertar unas imagenes que van de vinculo a otras páginas... Gracias por la ayuda...
  #2 (permalink)  
Antiguo 02/09/2009, 21:50
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.698
Antigüedad: 14 años, 9 meses
Puntos: 137
Respuesta: alineación de varios div's en un div contenedor

si "#eventos", "#links" y "#creditos" son los 3 divs dentro del contenedor entonces seria bueno
#eventos, #links, #creditos{width:195px;height: 65px;float:left;}
no entiendo por que el "margin" a "#links" con posicionar tus 3 divs de la manera anterior como te digo estara en el centro... y ya sunpogo
__________________
Toroflix - movies.
  #3 (permalink)  
Antiguo 02/09/2009, 21:58
 
Fecha de Ingreso: mayo-2009
Mensajes: 31
Antigüedad: 14 años, 11 meses
Puntos: 1
Respuesta: alineación de varios div's en un div contenedor

Estoy buscando que queden de forma horizontal los tres... eventos a la izquierda, links al centro y creditos a la derecha dentro del div contenedor
  #4 (permalink)  
Antiguo 02/09/2009, 22:04
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.698
Antigüedad: 14 años, 9 meses
Puntos: 137
Respuesta: alineación de varios div's en un div contenedor

ok... probaste con el codigo que puse anteriormente?
__________________
Toroflix - movies.
  #5 (permalink)  
Antiguo 02/09/2009, 22:10
 
Fecha de Ingreso: mayo-2009
Mensajes: 31
Antigüedad: 14 años, 11 meses
Puntos: 1
Respuesta: alineación de varios div's en un div contenedor

Funciona bien... ahora solo tengo que cuadrar el espacio entre los divs... Gracias por la ayuda...
  #6 (permalink)  
Antiguo 02/09/2009, 22:14
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.698
Antigüedad: 14 años, 9 meses
Puntos: 137
Respuesta: alineación de varios div's en un div contenedor

ok.. que bueno pa otra cosa hay avisas chao!...
__________________
Toroflix - movies.
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 16:05.