Ver Mensaje Individual
  #1 (permalink)  
Antiguo 02/09/2009, 21:37
JNro12
 
Fecha de Ingreso: mayo-2009
Mensajes: 31
Antigüedad: 15 años
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...