Foros del Web » Creando para Internet » CSS »

¿Tres div horizontalmente y Centrados?

Estas en el tema de ¿Tres div horizontalmente y Centrados? en el foro de CSS en Foros del Web. Maestros... Puse tres div horizontalmente(uno al lado del otro) pero estos aparecen justificados a la izquierda y me gustaría centrarlos para que aparezcan al medio ...
  #1 (permalink)  
Antiguo 01/10/2010, 10:58
 
Fecha de Ingreso: julio-2007
Mensajes: 287
Antigüedad: 10 años, 4 meses
Puntos: 4
Pregunta ¿Tres div horizontalmente y Centrados?

Maestros...

Puse tres div horizontalmente(uno al lado del otro) pero estos aparecen justificados a la izquierda y me gustaría centrarlos para que aparezcan al medio de la página.

Se me ocurrió poner una tabla centrada con tres columnas y poner un div en cada celda pero no es la idea... me gustaría dejar atrás las tablas y aprender más sobre css.

¿Cómo puedo poner mis tres div, uno al lado del otro, horizontalmente?
  #2 (permalink)  
Antiguo 01/10/2010, 11:14
Avatar de pitufoweb  
Fecha de Ingreso: enero-2008
Ubicación: Un Mundo Raro
Mensajes: 1.148
Antigüedad: 9 años, 11 meses
Puntos: 181
Respuesta: ¿Tres div horizontalmente y Centrados?

mmm, creo que es fácil. Pones los tres div's dentro de otro div y le pones un ancho y margin: 0 auto para que quede centrado.



Saludos
__________________
------------- " La felicidad no llega de afuera, nace desde dentro. " -------------
  #3 (permalink)  
Antiguo 02/10/2010, 08:12
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: ¿Tres div horizontalmente y Centrados?

... y una vez centrado puedes darle una imagen de fondo de 2px de alto por "x" px ancho (ancho que des al contenedor) con repeat-y al div contenedor de las tres columnas. Con esto logras el efecto de columnas "equilibradas" o de igual alto.

Saludos.
  #4 (permalink)  
Antiguo 02/10/2010, 20:31
 
Fecha de Ingreso: mayo-2008
Ubicación: Santiago-Chile
Mensajes: 253
Antigüedad: 9 años, 7 meses
Puntos: 1
Respuesta: ¿Tres div horizontalmente y Centrados?

disculpa cristian_cena pero no entiendo como así quedan "equilibradas"
  #5 (permalink)  
Antiguo 03/10/2010, 03:04
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: ¿Tres div horizontalmente y Centrados?

Hola:

Columnas equilibradas es cuando, en tu caso, los tres divs crecen por igual con respecto al tamaño de la que tenga más contenido.

Saludos.

  #6 (permalink)  
Antiguo 03/10/2010, 11:18
 
Fecha de Ingreso: noviembre-2009
Mensajes: 846
Antigüedad: 8 años, 1 mes
Puntos: 34
Respuesta: ¿Tres div horizontalmente y Centrados?

¿como consegistes ponerlos los tres en la misma "linea"?
yo esq lo ize con float:left pero literalmente FLOTAN y se salen del div que los contiene y no puedo poner ni imagen de fondo ni nada.
  #7 (permalink)  
Antiguo 03/10/2010, 13:22
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: ¿Tres div horizontalmente y Centrados?

Hola:

Al div que los contiene ponle overflow:auto;

Saludos.

  #8 (permalink)  
Antiguo 03/10/2010, 16:02
 
Fecha de Ingreso: noviembre-2009
Mensajes: 846
Antigüedad: 8 años, 1 mes
Puntos: 34
Respuesta: ¿Tres div horizontalmente y Centrados?

Muchiiisimas gracias, no veas todo el tiempo que llevo (+ de 5 horas) intentando solucionar eso.
Karma para ti! :)

Etiquetas: horizontalmente, tres, centrar
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 11:30.