¿Tres div horizontalmente y Centrados?

[yole]

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?

[pitufoweb]

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

[cristian_cena]

... 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.

[bkolores]

disculpa cristian_cena pero no entiendo como así quedan "equilibradas"

[jomaruro]

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.

[mariomon17]

¿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.

[jomaruro]

Hola:

Al div que los contiene ponle overflow:auto;

Saludos.

[mariomon17]

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