Posicionar el header

[Anaclara]

Buenas!
Me presento a la comunidad con una duda que me tiene histérica!
Resulta que para un proyecto he decidido utilizar por primera vez html5
como que aún estoy investigandolo bastante.
Ya logré que las nuevas etiquetas como header, etc. se convirtieran en bloques
para poder modificarlos.
En fin, quería que en la parte de arriba del todo, el header, el cual va a ser mi encabezado, osea que quiero que sea un gran rectangulo con sombras por debajo y que en él tenga el título de la página. Buscando por ahi, pude hacer que el header quedara pegado bien arriba, sin espacios, pero eso era para html. Mi duda es como hacer que el header quede bien colocado en la parte de arriba y que ocupe todo el sitio algo parecido a esto:
http://www.lluisvilaseca.com/
Bueno, espero que puedan ayudarme, gracias.
Saludos.

[ipraetoriux]

pues al inicio de tu css, pon esto:

Código CSS:

*{
margin:0;
padding:0;
}
 

este es un comodin, basicamente lo que haces es resetear y darle a todo elemento de bloque o inline margin y padding 0(cero) de entrada...

...luego habra que ver donde tienes situado tu header, pero si en el flujo lo tienes primero en la parte superior te deberia aparecer pegado al margin superior...

[cesarin3134]

podrias hacer algo asi :

Código HTML:

<header class="encabezado">
contenido del encabezado
</header>
 

y luego creas el css :

Código CSS:

<style type="text/css">
.encabezado {
width : 100%;
position:fixed;
top:0;
 
}
</style>
 

espero k te sirva de ayuda