Keep back ground fix..as well as header

[vikaspa]

How to keep bg fixed with top header non moving

refer http://vedasprojects.com/

I want to keep the top header fixed

At present when i scroll the page , the top header moves ...

I dont want the header to move ...

please help

[djr33]

You can use the CSS property position:fixed; to hold the header in place. Remember then you will need to move the rest of the page down, so you will probably want to add about 150px of padding to the content part, under the header.

For the background you can use the CSS property background-attachment: fixed;, for example on the body tag.

Another option you might consider is doing the opposite: make a smaller div that scrolls within the page so that the header and page background never move. Then this smaller div will scroll as needed. (Set a limited height and set overflow:scroll;.)

[Avena]

Hey,

daniel you have shared very good way to explain and solve the bg issue..
Well I am also facing the issue,, so your this way is very helpful to me..
Affordable Webhosting|Low price web hosting