Foros del Web » Creando para Internet » CSS »

Centrado automático

Estas en el tema de Centrado automático en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 29/03/2007, 00:39
 
Fecha de Ingreso: mayo-2006
Mensajes: 124
Antigüedad: 11 años, 6 meses
Puntos: 0
Centrado automático

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?
  #2 (permalink)  
Antiguo 29/03/2007, 01:40
Avatar de jesusbet
(Desactivado)
 
Fecha de Ingreso: mayo-2004
Ubicación: Monterrey, MX
Mensajes: 2.667
Antigüedad: 13 años, 7 meses
Puntos: 2
Re: Centrado automático

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
  #3 (permalink)  
Antiguo 29/03/2007, 11:22
 
Fecha de Ingreso: mayo-2006
Mensajes: 124
Antigüedad: 11 años, 6 meses
Puntos: 0
Re: Centrado automático

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.
  #4 (permalink)  
Antiguo 29/03/2007, 11:26
Avatar de jesusbet
(Desactivado)
 
Fecha de Ingreso: mayo-2004
Ubicación: Monterrey, MX
Mensajes: 2.667
Antigüedad: 13 años, 7 meses
Puntos: 2
Re: Centrado automático

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...
  #5 (permalink)  
Antiguo 29/03/2007, 11:38
 
Fecha de Ingreso: mayo-2006
Mensajes: 124
Antigüedad: 11 años, 6 meses
Puntos: 0
Re: Centrado automático

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.
  #6 (permalink)  
Antiguo 29/03/2007, 11:44
Avatar de jesusbet
(Desactivado)
 
Fecha de Ingreso: mayo-2004
Ubicación: Monterrey, MX
Mensajes: 2.667
Antigüedad: 13 años, 7 meses
Puntos: 2
Re: Centrado automático

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
  #7 (permalink)  
Antiguo 29/03/2007, 12:12
 
Fecha de Ingreso: mayo-2006
Mensajes: 124
Antigüedad: 11 años, 6 meses
Puntos: 0
Sonrisa Re: Centrado automático

Thank's !!!
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 19:58.