¿Cómo pegar el header a la parte de arriba de mi página web en HTML y CSS?

  • Autor Autor jclaurian
  • Fecha de inicio Fecha de inicio
jclaurian

jclaurian

Delta
Verificación en dos pasos activada
Hola a todos.

La verdad se muy poco de html y css, apenas estoy empezando. Estoy haciendo una mini página web y quiero ir viendo las nuevas etiquetas de html 5.

Una de ellas es <header>, en un archivo css tengo:

HTML: 
header {
  background: #f3f3f3;
}

index.html
HTML: 
....
<header>
  Hola mundo
</header>

Hasta aquí todo bien, pero al mostrarlo este no aparece pegado hasta arriba de la página, hay un borde en blanco.

¿Cómo puedo hacer que mi header este pegado hasta la parte de arriba?
 
No has probado usar mejor H1? que yo sepa header es mas para definir las meta etiquetas y otras cosas
Tambien puedes ver algun comando margin-top en css, que impide que tu texto salga bien arriba

Saludos
 
click7def dijo:
No has probado usar mejor H1? que yo sepa header es mas para definir las meta etiquetas y otras cosas
Tambien puedes ver algun comando margin-top en css, que impide que tu texto salga bien arriba

Saludos
Hacer clic para expandir...


Tienes Razon Prueba con <H1 Serias Mas Facil para ti


Insertar CODE, HTML o PHP: 
<h1 prueba </h1>
 
...
La solución correcta sería hacer esto:

Insertar CODE, HTML o PHP: 
<div id="main">
<div id="cabecera">
<header>
<h1>Esto es un contenedor</h1>
</header>
</div>
</div>
 
El hola mundo es sólo un ejemplo, de hecho pienso poner una imagen de cabecera, sólo que esta aparece un poco abajo, así es como se ve: Enlace eliminado lo que quiero es que la cabecera quede pegada hasta arriba.

Ya probé con margin-top: 0; y otras propiedades, pero no e tenido éxito.
 
Puedes mandar una captura ademas poner tu html y css ?
 
Hay que estar conectado o registrado para responder aquí.
Atrás
Arriba