Centrado automático

[falonpla]

Me gustaría saber si hay alguna manera de hacer lo siguiente:

Tengo dos capas dentro de otra y quiero que se centren automaticamente, pero no quiero que estén centradas una al lado de la otra, lo que quiero es que haya un margen izquierdo, un margen entre las dos capas y un margen derecho, y que estas tres medidas sean iguales, para que haya un equilibrio visual. Se puede hacer mediante alguna propiedad que se coloquen esas dos capas automaticamente o me toca echar mano de la calculadora y darle los valores correspondientes?

[jesusbet]

pues puedes hacerlo flotando ambos elementos y usando medidas relativas (no es muy recomendable nada de esto)....

#left {
float: left;
width: 33%;
}

#right {
float: right;
width: 33%
}

sería algo más o menos así, no ando muy fluido y hace tiempo que no hago maquetación de 3 columnas, pero así más o menos es...

Saludos

[falonpla]

Gracias por la respuesta jesus, pero no es exactamente lo que quiero conseguir, con ese código las dos capas quedan pegadas a los bordes izquierdo y derecho de la capa que las contiene, lo que quiero es que queden separadas y que esa separación sea igual al espacio que queda entre ellas por el centro. No se me ocurre ningún modo de conseguirlo.

[jesusbet]

pues lo que puedes hacer es ponerle un ancho definido al contenedor y flotar ambos elementos como te dije, sería solo cuestión de ir modificando el ancho, para que la separación sea mayor o menor...

[falonpla]

Se me ha ocurrido otra cosa, poner 5 capas una seguida de la otra, todas al 20% de width, y quedar vacias la 1ª, 3ª y 5ª, y poner mi contenido en la segunda y cuarta capa. Lo que no se es como hacer para colocar así las capas, una despues de otra, sin salto de linea. Iluminame por favor.

[jesusbet]

eso también lo consigues con floats...

flótalas todas a la izquierda...

Y no te olvides de usar el truco del clearfix para que se agranden tus capas...
http://www.positioniseverything.net/easyclearing.html

Saludos

[falonpla]

Thank's !!!