Como centralizar um formulário e ajustar a margem para evitar sobreposições

tallerdewordpress · 03/11/2016

Tengo un formulario que quiero centrar en medio de una página.

Para centrarlo tengo en css el margin:0 auto;

Pero ahora necesito tocar el margin-top y el bottom porque está pegando con el header y el footer.

¿Qué tendría que añadir en mi CSS?

Gracias

Menorah · 03/11/2016

Intenta utilizando los atributos display y position, para ir moviendo el formulario con top y bottom. No sé si me explico bien. Sería de mucha ayuda que pongas tu sitio, o al menos el código css que involucra al elemento. Saludos.

matiaskpo · 03/11/2016

{
margin: 10px 0px 10px 0px auto;
}

creo que es lo que necesitas, toca los valores con el inspector.

zangrupo · 03/11/2016

No sé si entiendo lo que quieres, pero trata de esto:

Añadir inmediatamente después de la línea "margin: 0 auto;" (No quite esta línea) las siguientes líneas.

margin-top: 20px;
margin-bottom: 20px;

(Modificar el valor de píxeles de su preferencia).

Por lo tanto, el código es el siguiente:

margin:0 auto;
margin-top: 20px;
margin-bottom: 20px;

por lo teras una distancia de 20 píxeles antes y después de la forma;

NRK79 · 12/11/2016

margin: 20px auto 20px;

Kais3r · 16/11/2016

amigo, para saber si realmente funciona debemos de saber si dicho <div> tiene padre, y si este influye, por que no importa cuanto muevas al hijo, si el padre esta mal cuadrado, se vera mal en diferentes resoluciones y seria solo parchear con los codigos que te pasan los compañeros arriba, podrias pasar más codigo o url ?

nicolasio · 18/11/2016

Hola, dejale los margin de los costados en auto y modifica los de top y bottom a gusto.

.div-padre-del-form{
display : block;
margin: (valortop) auto (valorbottom) auto;
}

Saludos

Como centralizar um formulário e ajustar a margem para evitar sobreposições

tallerdewordpress

Menorah

matiaskpo

zangrupo

NRK79

Kais3r

nicolasio