Keeping a header always in view

Question

I am designing my website and I\'m trying to find a way to keep a header always in the screen.

For an example, take a look at this extra long page on Wikia.com. Noti

Answer 1

Always remember if you have to stick the header or footer { position : fixed; } can be used.

So apply CSS like this:

.header{
    top:0;
    width:100%;
    height:50px;
    position:fixed;  // this is the key
}