CSS Question

[e85andyou]

I have a web page that I want the header to stay in place while the rest of the page scrolls under it

This is my current header code

#header
{
    CLEAR: both;
    FONT-WEIGHT: bold;
    BACKGROUND: url(images/logo_search.gif) no-repeat center 0%;
    PADDING-BOTTOM: 0px;
    WIDTH: 100%;
    CURSOR: hand;
    COLOR: black;
    PADDING-TOP: 58px;
    HEIGHT: 25px;
    TEXT-ALIGN: center

 

[VPmase]

And what is the problem? Be more specific...

I suggest you add "z-index:10000" so that it doesn't get covered up by anything.

 

[e85andyou]

The header is from one side of the page to the other. I want to keep the header stationary so that when someone scrolls down the page they will always see my header but the lower page content changes. Is there a way to do this using CSS or would i have to use frames

 

[xmakina]

Your answer is here: http://limpid.nl/lab/css/fixed/header

It's the first result in google for css static header. Try googling in the future

 

[natsuki]

Just use overflow attribute of like div so it can scroll without affecting the layouts. try xmakina's link

 

[e85andyou]

Thank you this is exactly what I was looking for.

I tried googleing it but i did not know what it was called im still fairly new to CSS.

You can close this thread.