[SOLUCIONADO] Centrar divs con contenedor 100% ancho

[rodricrzz]

Hola, me estoy volviendo loco para poder solucionar este problema, calculo que debe ser muy comun. Tengo un div 100% de ancho el cual contiene 6 divs con ancho fijo 400px. Lo que quiero es que los 6 divs se centren solos para todas las resoluciones, aca muestro unas imagenes:

Tengo esto:


Y quiero que quede asi:


En otro caso con otra resolucion menor podria tener esto:


Y quiero que quede asi:




El "margin: 0 auto" no me sirve porque para eso deberia tener fijado el ancho del contenedor en px y en este caso es el 100%.

Llevo muuuucho tiempo queriendo solucionar esto y no puedo, espero que puedan ayudarme!

Desde ya muchas gracias!!

[Rafael]

Yo probaría dejar los elementos no como supongo lo tienes block y float, sino como display: inline-block y dejar en el contenedor, un text-align: center.

[C2am]

Supongo que tus div de anchos fijos están flotados, ya que el margin:0 auto debería funcionar si no estuvieran flotados o posicionado en forma absoluta.

Como recomendación primera: El código vale más que mil imágenes, así que acostumbrate a mostrar el código que estas usando para lograr lo que pretendes. Así la ayuda será mucho más puntual que la ayuda general que te doy a continuación:

Ayuda: http://ksesocss.blogspot.com/2012/05...6-maneras.html

Saludos

[rodricrzz]

Iniciado por C2am

Supongo que tus div de anchos fijos están flotados, ya que el margin:0 auto debería funcionar si no estuvieran flotados o posicionado en forma absoluta.

Como recomendación primera: El código vale más que mil imágenes, así que acostumbrate a mostrar el código que estas usando para lograr lo que pretendes. Así la ayuda será mucho más puntual que la ayuda general que te doy a continuación:

Ayuda: http://ksesocss.blogspot.com/2012/05...6-maneras.html

Saludos

Perdon!!
El codigo que uso es el siguiente:

<div id="contenedor">
<div style="float: left; width: 400px; height: 250px;"></div>
<div style="float: left; width: 400px; height: 250px;"></div>
<div style="float: left; width: 400px; height: 250px;"></div>
<div style="float: left; width: 400px; height: 250px;"></div>
<div style="float: left; width: 400px; height: 250px;"></div>
<div style="float: left; width: 400px; height: 250px;"></div>
</div>



si al #contenedor le pongo margin: 0 auto no hace nada ya que para eso deberia de especificarle el ancho, y el ancho es el ancho del navegador, es decir el 100%.
Otra cosa que se le podria hacer es ponerle position absolute, left 50% y margin left -(la mitad del ancho div contenedor) pero como no tengo el ancho del #contenedor tampoco me sirve.

[rodricrzz]

Iniciado por Rafael

Yo probaría dejar los elementos no como supongo lo tienes block y float, sino como display: inline-block y dejar en el contenedor, un text-align: center.

Siiiiiiii, solucionado! muchisimas gracias!!