centrar content navbar

  • Resuelto dbetanc1

    (@dbetanc1)


    hace 10 años, 7 meses

    hola! necesito ayuda, estoy arrancando desde 0 un tema, y estoy usando el que sale desde 0 de themeshapper.com (por requerimientos no usar un framework, o un tema inicial, sino que debo hacerlo desde 0)

    y el menu principal (donde salen las paginas que tengo) no se centra a lo horizontal, sino que sale todo a la izquierda..

    de hecho lo mismo me pasa con el contenido de la pagina..

    ayuda

    http://thrive-consultants.com/

Viendo 2 respuestas - de la 1 a la 2 (de un total de 2)
  • maperezotero

    (@maperezotero)

    hace 10 años, 7 meses

    Hola, necesitas darle un ancho a la página.
    Cambia

    .site {
    margin: 1.5em auto;
    padding: 0;
}

    por

    .site {
    margin: 1.5em auto;
    padding: 0;
    width: 960px; /* Pon la medida que quieras en pixels aquí */
}

    musicdruel

    (@musicdruel)

    hace 10 años, 7 meses

    Una vez que tienes el ancho una forma de centrar horizontalmente un contenido en css es la siguiente:

    #elemento-a-centrar {
    width: 900px; /* Es un ejemplo */
    margin: 0 auto; /* Esto centra cualquier display:block horizontalmente */
    }

    Si quisieras poner márgenes superiores o inferiores deberías añadir después del margin: 0 auto; margin-top: 10px; y margin-bottom: 10px. /* 10px es un ejemplo */

    Espero haberte aportado información útil, un cordial saludo.

Viendo 2 respuestas - de la 1 a la 2 (de un total de 2)
  • El debate ‘centrar content navbar’ está cerrado a nuevas respuestas.