Como colar o header na parte de cima da minha página web em HTML e CSS?

jclaurian

Delta

Verificación en dos pasos activada

• 08/03/2012

• #1

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?

 

C

click7def

Alfa

Usuário com poucas negociações! Use sempre o saldo do ForoBeta!

• 08/03/2012

• #2

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

Delta

Verificación en dos pasos activada

• 08/03/2012

• #3

click7def disse:

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

Clique para expandir...

Tienes Razon Prueba con <H1 Serias Mas Facil para ti

Inserir CODE, HTML ou PHP:

<h1 prueba </h1>

 

Fabián Rodríguez

Lambda

Programador

Verificación en dos pasos activada

• 08/03/2012

• #4

...
La solución correcta sería hacer esto:

Inserir CODE, HTML ou PHP:

<div id="main">
<div id="cabecera">
<header>
<h1>Esto es un contenedor</h1>
</header>
</div>
</div>

 

jclaurian

Delta

Verificación en dos pasos activada

• 08/03/2012

• #5

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.

 

K

KaSe

Beta

Diseñador

No recomendado

Usuário com poucas negociações! Use sempre o saldo do ForoBeta!

• 09/03/2012

• #6

Puedes mandar una captura ademas poner tu html y css ?

 

Renato Guzman

Delta

Programador

• 10/03/2012

• #7

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