[SOLUCIONADO] Centrar los botones en el centro Ipad y móvil

[TIFORO]

Buenas a todos.

Queria comentar que tengo un pequeño problema para centrar los botones que aparece en la página web, lo raro es que para el ordenador si consigo centrar los bonoces pero el el Ipad ni el móvil se queda alineado a la izquierda. Este es el codigo que uso para centrar con estilos css.

Me podeis ayudar.

Código CSS:

.center_content_links {
    width: 1175px!important;
    display: block!important;
    margin-left: auto!important;
    margin-right: auto!important;
    border: none;
    margin-top: 0px;
      }
 

[Triby]

Me parece que el tamaño de tu div (1175px) es exagerado para el área disponible en tabletas y móviles.

Investiga sobre media queries para que puedas cambiar el ancho de acuerdo a la resolución de la pantalla.

[pzin]

Obviamente el problema es el ancho que tiene ese elemento.

Puedes probar a ponerle:

Código CSS:

max-width: 100%
 

Usa highlight a code cuando publiques código.

[TIFORO]

Iniciado por pzin

Obviamente el problema es el ancho que tiene ese elemento.

Puedes probar a ponerle:

Código CSS:

max-width: 100%
 

Usa highlight a code cuando publiques código.

He añadido ese codigo pero no lo centra en ipad ni en el móvil pero con el ordenador si lo centrar, en teoria lo quiero centrado tanto para el ordenador como ipad, tablets o móvil.

No entiendo esto : Usa highlight

Echarme una mano porfavor porque no lo centra.

[pzin]

Es un problema de lógica más que de código.

Si tienes un elemento más grande que su contenedor, no puedes centrarlo. Y si el elemento ocupa todo el contenedor, con 100%, tampoco puedes centrarlo. Lo puedes centrar si ocupa menos del ancho de su contenedor. Cambiando ese max-width por un valor de 80% por ejemplo, para que veas que efectivamente se centra.

Lo del highlight es que pongas tu código entre las etiquetas [HIGHLIGHT="CSS"] y [/HIGHLIGHT] o [CODE] y [/CODE] para que se vea el código como código y no como texto. O también al publicar tu mensaje te aparece la opción por la caja de texto:

[pzin]

Haz una cosa. Para que veas el problema. En tu ordenador, abre tu web y luego reduce lateralmente el navegador. ¿Se centra o se queda a la izquierda? Ocurre igual que en el móvil y tableta, ¿no?

[Rafael]

No tengo ni idea del resto del código, pero le estás poniendo margin auto al contenedor, no al contenido. El margin auto lo tienes que poner a la lista ul que tengas dentro.

Si quieres tener una opción en el contenedor pones text-align: center, pero esto solo funciona si los objetos de adentro no están flotados.

[TIFORO]

Al final lo he conseguido. Gracias.