Foros del Web » Creando para Internet » CSS »

Duda con margin centrando un formulario

Estas en el tema de Duda con margin centrando un formulario en el foro de CSS en Foros del Web. Tengo un login que quiero centrar en medio de una landing Mi css está ahora mismo así margin:0 auto; Pero el top y el bottom ...
  #1 (permalink)  
Antiguo 03/11/2016, 08:38
 
Fecha de Ingreso: julio-2015
Mensajes: 54
Antigüedad: 8 años, 8 meses
Puntos: 1
Duda con margin centrando un formulario

Tengo un login que quiero centrar en medio de una landing

Mi css está ahora mismo así margin:0 auto;

Pero el top y el bottom chocan con el header y footer necesitaría ponerle 100px al top y bottom.

¿Cómo lo cambiaría de la manera más correcta?


Gracias
  #2 (permalink)  
Antiguo 04/11/2016, 09:50
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.433
Antigüedad: 21 años, 9 meses
Puntos: 177
Respuesta: Duda con margin centrando un formulario

https://codepen.io/hced/pen/FbdqC espero te sirva
__________________
Desarrollos dosLotos
Calendario Maya, Meditación, Osho
  #3 (permalink)  
Antiguo 08/11/2016, 04:50
 
Fecha de Ingreso: julio-2010
Ubicación: A Coruña
Mensajes: 505
Antigüedad: 13 años, 7 meses
Puntos: 60
Respuesta: Duda con margin centrando un formulario

Una manera muy sencilla de centrar un login, que entiendo que está como un popup, es con position: absolute.

Cita:
.login{
height: 200px;
width: 200px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
Evidentemente habría que ver cada caso, ya que puede no servir.
__________________
http://zeromm.es/
Diseñador Web | Experto en Responsive Design, CSS3 y Optimización Web.

Etiquetas: formulario, margin
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:41.