Is a non-scrolling page header possible?

[dwest100]

Hi,
I have a centered table containing assorted divs which make up the layout of a web page. There is no navigation. It's a single page site. Table margins are 20px top and 20 px bottom.

The div at the top of the table is the header for the page. Let's refer to it as the "header". It contains the logo graphic, etc. and is the full width of the table.

Without using frames:
I want the header to stay in place so it never scrolls off the page. If the user scrolls to the top of the page, the header should reposition to the top of the table. In other words, the header will always be 20px from the top of the browser window due to the table margins.

I've seen javascript floating menus that stay positioned on the page while scrolling takes place. I'm wondering if this could be employed to make my header do that.

If so, how?

Thanks!

 

[trollacious]

I hate when someone sets up a web page to have some graphic move with the scrolling page and cover up what I'm trying to read. If you want to keep your logo graphic at the top, have you considered frames? I don't at all care for THOSE, either, because the frames take up browser real estate when I'm trying to see something more important to me.

Is the logo more important than the page content? If so, then you should consider what would make the content more important.

Lee

 

[dwest100]

Thanks for your opinion but I need an answer to the original question instead. The decision to do this wasn't at question.

Any others?

 

[cLFlaVA]

i googled for "javascript floating menu" and came up with 1.56 million results, one being this.

just apply the concept to your header.



*cLFlaVA
----------------------------
[tt]"quote goes here"[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]

 

[dwest100]

Thanks for the suggestions. I'll Google further.

 

[1DMF]

also the CSS way of doing this is

position:fixed;

"In complete darkness we are all the same, only our knowledge and wisdom separates us, don't let your eyes deceive you.

 

[BillyRayPreachersSon]

... which doesn't work in IE without more CSS hacks, btw.

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[1DMF]

it does in IE7 ;-)

"In complete darkness we are all the same, only our knowledge and wisdom separates us, don't let your eyes deceive you.