PDA

View Full Version : How do you "lock" the header to the top of the page?


FAST50
04-05-2008, 09:55 PM
Can anyone show me how to make the header stay "locked" at the top of the page?
I want the body of the page to scroll under the header with the header remaining at the top at all times.

Thanks!

SEOvB
04-06-2008, 08:32 AM
Wrap your header in a float and use absolute positioning.

IE: at the top of your header

<div style="whatever CSS that takes">
All that navbar template code
</div>

Guest210212002
04-06-2008, 06:36 PM
/me tags this for later.

Good idea.

/me has no time to figure it out right now.

SEOvB
04-06-2008, 09:01 PM
I'll do it tonight for you guys on a standard vBulletin navbar :D short on time right now myself

F0xy
04-07-2008, 04:34 PM
I'll do it tonight for you guys on a standard vBulletin navbar :D short on time right now myself

would appreciate this

KTBleeding
04-07-2008, 06:17 PM
You'll need to do it with position: fixed;

There are a couple of issues with IE6, but I'll let FRDS come up with this for you since he offered. I really don't want to take the time to investigate that handicapped browser.

FAST50
04-10-2008, 06:20 PM
Thanks for the help with this!

I'll be working on it soon...