Sticky header as in facebook

Question

I have no idea to create a fixed header as we commonly see in the http://facebook.com ... the blue bar which is in the top of the website and in all the page. Please help me with it.

Possible duplicate of [position fixed header in html](http://stackoverflow.com/questions/10975268/position-fixed-header-in-html) — chimos, Nov 26 '15 at 08:57

score 2 · Answer 1 · answered Nov 26 '15 at 08:57

2

In your css add this in your header element:

position: fixed;

answered Nov 26 '15 at 08:57

Federico Govoni

148
4
9

i tried to add the fixed position but the div which follows are overlapping the header. that is my problem – Anand Prasanth Nov 26 '15 at 09:30

score 1 · Answer 2 · answered Nov 26 '15 at 08:56

1

<div style="position:fixed"></div>

This places a element on a fixed position on the screen

answered Nov 26 '15 at 08:56

StijnvanGaal

441
3
17

score 0 · Answer 3 · answered Nov 26 '15 at 08:56

0

You need to use position fixed which makes sure that the header always stay at the place you said it should you can read about position fixed here http://www.w3schools.com/cssref/pr_class_position.asp

answered Nov 26 '15 at 08:56

Anoxy

873
7
17

Sticky header as in facebook

3 Answers3