Foros del Web » Creando para Internet » CSS »

duda con margin-top: -20px;

Estas en el tema de duda con margin-top: -20px; en el foro de CSS en Foros del Web. hola amigos tengo una duda para que esa linea azul desaparezca y nav empiece desde arriba tengo que poner margin-top: -20px; en mi contenedor? eso ...
  #1 (permalink)  
Antiguo 03/04/2014, 12:57
 
Fecha de Ingreso: abril-2011
Ubicación: Peru
Mensajes: 486
Antigüedad: 13 años, 7 meses
Puntos: 9
duda con margin-top: -20px;

hola amigos
tengo una duda


para que esa linea azul desaparezca y nav empiece desde arriba
tengo que poner
margin-top: -20px;
en mi contenedor?


eso es valido?


Gracias
  #2 (permalink)  
Antiguo 03/04/2014, 13:58
Avatar de Linton  
Fecha de Ingreso: diciembre-2011
Ubicación: Viena
Mensajes: 1.213
Antigüedad: 12 años, 10 meses
Puntos: 55
Respuesta: duda con margin-top: -20px;

No, lo que tienes que hacer es resetear, o sea quitar los añadidos que el navegador pone por defecto. Si pones margin:-20, en otros navegadores quedará parte del nav fuera de la vista (si no hay header).
En este caso, pones al principio del CSS:

* {margin: 0;}

Saludos.
  #3 (permalink)  
Antiguo 03/04/2014, 14:40
 
Fecha de Ingreso: abril-2011
Ubicación: Peru
Mensajes: 486
Antigüedad: 13 años, 7 meses
Puntos: 9
Respuesta: duda con margin-top: -20px;

eso si tengo


Código CSS:
Ver original
  1. *{
  2.     margin: 0;
  3.     padding: 0;
  4. }
  5.  
  6. body{
  7.     background-color: #38536F;
  8.     color: white;
  9.     font-size: 2em;
  10.  
  11. }
  12. #contenido{
  13.     margin: 0.5em auto;
  14.  
  15.     width: 920px;
  16.     height: 1300px;
  17.     text-align: center;
  18.     background-color: red;
  19.     border-radius: 0.5em;
  20.  
  21. }
  22. header, nav, footer{
  23.     background-color: pink;
  24.     margin: 0.5em auto;
  25.     width: 900px;
  26.     text-align: center;
  27. }

Etiquetas: margin-top
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 12:32.