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

jclaurian · 8 Mar 2012

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?

click7def · 8 Mar 2012

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

hackcrack62 · 8 Mar 2012

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

Tienes Razon Prueba con <H1 Serias Mas Facil para ti

Insertar CODE, HTML o PHP:

<h1 prueba </h1>

Fabián Rodríguez · 8 Mar 2012

...
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>

jclaurian · 8 Mar 2012

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.

KaSe · 9 Mar 2012

Puedes mandar una captura ademas poner tu html y css ?

Renato Guzman · 10 Mar 2012

prueba con
body {
margin: 0;
padding: 0;
}

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

jclaurian

click7def

hackcrack62

Fabián Rodríguez

jclaurian

KaSe

Renato Guzman